Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS text-align:justify chrome overflows

Tags:

css

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:

CSS text justify chrome 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
like image 270
Abdo Avatar asked Aug 12 '14 02:08

Abdo


1 Answers

Futures Search - Works Fine!

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

Screenshots

like image 94
Roberto Godoy Avatar answered Sep 27 '22 20:09

Roberto Godoy