Discussion
Popular posts
That's a nice piece of info Bhanu Teja Pachipulusu.
But with hyphens: auto , long words look weird if hyphenated at the wrong place.
We can use it in conjunction with <wbr> tag.
Prateek Aher Good suggestion.
But, When you use <wbr> along with hyphens: auto, the browser will still break the word using hyphens at random places(chrome), so that the text will remain justified (or) it will not break the word at all and moves the text to next line and the irregular spacing will appear again.(firefox)
For example, try to see the result of the following in yout chrome and firefox browsers.
<p>I recently set out to implement user registration for a project<wbr>isgood that I'm working on in Elixir/Phoenix. It wasn't long before I could finish It wasn't long before I could finish</p>
p {
text-align: justify;
hyphens: auto;
width: 570px;
font-size: 24px;
margin: 0 auto;
}
In chrome,
In firefox,
