The UI Designers and Marketing people at my company don't want “awkward line breaks”. How to do with CSS or JS? [closed]
I have a technical question. I'm a front-end developer and always get requests about changing
"awkward line breaks"
"too much white space"
Is there a CSS property like
awkfixer.js whereby I can apply a class like
<p class="fix-awkardness">Thiiiiiiiiiiiiiisssssssssss word is long and so it might cause a visible space if we're not applying word-break</p>
It depends what you mean by awkwardness, but hyphenation and line-breaks might help here.
CSS3 supports a property called hyphens.
handling awkward line breaks is a little trickier than a one line fix, but some combination of pseudo elements and margins in your css might do the trick for you.