Custom css to justify text

Site URL: https://www.movingexperience.me/

I used custom css to justify text on my webiste. This is what I used in the :  

p {
    text-align: justify
}

I also tried adding this to the code blocks: 

<p style="text-align: justify ;margin-top:-20px;white-space:pre-wrap;font-weight: 500;"


Now it is only being displayed correctly when the site is viewed in google chrome, it doesn't work in safari. 
I also tried adding this: 

body p, .sqs-layout .sqs-block.html-block p {
 text-align: justify !important;
}

but it's only affecting the regular text blocks, not the coding blocks with the text I actually want to justify. 

I'm thankful for any ideas what might be the problem here! 

10 hours ago, rosa-h said:

Site URL: https://www.movingexperience.me/

I used custom css to justify text on my webiste. This is what I used in the :  

p {
    text-align: justify
}

I also tried adding this to the code blocks: 

<p style="text-align: justify ;margin-top:-20px;white-space:pre-wrap;font-weight: 500;"


Now it is only being displayed correctly when the site is viewed in google chrome, it doesn't work in safari. 
I also tried adding this: 

body p, .sqs-layout .sqs-block.html-block p {
 text-align: justify !important;
}

but it's only affecting the regular text blocks, not the coding blocks with the text I actually want to justify. 

I'm thankful for any ideas what might be the problem here! 

There is problem with safari justify align

How to Justify Text in 7.1 using Safari? - Coding and Customization - Squarespace Forum

On 3/20/2021 at 2:54 AM, bangank36 said:

There is problem with safari justify align

How to Justify Text in 7.1 using Safari? - Coding and Customization - Squarespace Forum

Thank you for your response, this also did not work. It did the exact same thing as this code: 

body p, .sqs-layout .sqs-block.html-block p { text-align: justify !important; }

Do you have any other suggestions? 

1 minute ago, rosa-h said:

Thank you for your response, this also did not work. It did the exact same thing as this code: 

body p, .sqs-layout .sqs-block.html-block p { text-align: justify !important; }

Do you have any other suggestions? 

I don't at the moment since I dont have a macos devices to test, hope someone will contribute a solid workaround