Headlines that wrap onto a second line often leave a single short word hanging out on its own. It unbalances the design, and it can pull attention toward the least important word in the heading. Designers used to fix this with manual line breaks, which then broke again on other screen sizes.
Nowadays, the CSS property text-wrap: balance handles this for you. It tells the browser to even out the line lengths in short blocks of text, so a two-line headline splits into two lines of similar length. It works best on headings, short intros and captions, and all modern browsers support it. You can add it once to your heading styles, and most awkward breaks will quietly disappear across the whole site.










