CSS text-align:justify chrome overflows

Question

When using text-align: justify; to justify a text chromes lets some of the lines overflow the parent div (in my case p). While other browsers (I tested it on Mozilla Firefox only), seem to be working fine with this property.

Here is an image to elaborate the issue:

And here is Jsfiddle contains a simple code of mine

Please note that I'm using:

• Bootstrap 3.2.0
• bootstrap-rtl-3.2.0-rc4

Answer 1

Futures Search - Works Fine!

text-align: justify;
display: table-row;
text-align-last: justify;

Screenshots