TIL: Hyphenate when you justify text

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,