Bits of .NET

Headlines with one word on last line look unprofessional. text-wrap: balance distributes text evenly across lines.

The Problem:

This is a Long Heading That Ends
With Just One Awkward Word
Alone

The Fix:

h1, h2, h3 {
    text-wrap: balance;
}

Result:

This is a Long Heading
That Ends Much More
Nicely Balanced

Also Available:

p {
    text-wrap: pretty;  /* Better line breaks for paragraphs */
}

/* pretty: Avoids single words on last line of paragraphs
   balance: Equal length lines (best for headings) */

Browser Support: Chrome 114+, Edge 114+, Safari 17.5+

One line for professional-looking headings!