Switch language한국어
Back to the list

You hand-edit headlines to avoid orphaned words. `text-wrap: balance` does it natively.

TL;DR AI

Key summary

2 min read
  1. `text-wrap: balance` evens out short headlines so headings look more visually balanced.

  2. `text-wrap: pretty` improves body copy by reducing awkward orphaned words and rough line breaks.

  3. These CSS features can replace hacks like `<br>`, soft hyphens, max-width tricks, and JavaScript text rebalancing.

  4. Modern browsers can now produce cleaner headline and paragraph layout without extra markup or viewport-specific code.

Read the original