CSS text align justify big spaces

To format paragraphs I use

text-align:justify

, but I have one problem that there are big spaces between words, for IE the solution is to use

text-justify: distribute;

, but Chrome doesn't support this, my question is what should I use for Chrome and Firefox

Example of big spaces: http://jsfiddle.net/L5drN/

Jukka K. Korpela

Answer Source

Consider using hyphenation (manual, CSS, server-side, or client-side JavaScript), see e.g. answers to Can I use CSS to justify text with hyphenating words at the end of a line? Hyphenation tends to help a lot when there are long words in the text.

You can still keep text-justify: distribute, as it can improve the result on supporting browsers, and it can be expected to gain support, as it in the CSS standardization track (in CSS Text Module Level 3 WD).

CSS text align justify big spaces

Sign up