Safari 10.1 - text-align: text alignment goes abroad in RTL

Question

I have HTML markup with a text paragraph in a body element. In the CSS stylesheet, I added:

 body { text-align: justify; color: black; background-color: white; font-size: 23; letter-spacing:0.05pt; line-height: 125%; font-size: 1.25em; margin: 0.00em 20em; text-indent: 0em; font-weight: normal; font-style: normal; direction: rtl; } 

When I load it in Safari 10.1, the text goes beyond the bounds of the body. But the same markup in the old version of Safari (10.0) works fine in Chrome 56.0.2924.87 (x86_64).

How to fix markup and style so that it works in the new Safari?

Answer 1

This is officially a 10.1 safari bug. you can rate this post on Apple Communities, maybe they will fix it sooner. safari 10.1 text-align: justify Bug