CSS fix to justify text block works in Chrome, but not in Firefox or Edge

Just getting my site going. Really happy to find out how to be able to justify my text blocks with a little help from CSS.

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

I set up everything in Chrome, where it looks perfect. But it doesn't seem to have any effect in Firefox or Edge. Any fix for that?

Try this:

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

https://support.squarespace.com/hc/en-us/articles/115012080887-Formatting-and-styling-text

Thanks. But that doesn't seem to make a difference in either Firefox or Edge. And, actually, it does something weird in Chrome when the pages load - justify, un-justify, justify. Thanks, though!

Thanks. But that doesn't seem to make a difference in either Firefox or Edge. And, actually, it does something weird in Chrome when the pages load - justify, un-justify, justify. Thanks, though!