Design AtlasDefault wrapping (`normal`) fills lines greedily, so headlines often end awkwardly — a long line followed by a short one, or a single stray word on the last line. Designers have long hand-placed `<br>` tags to fix this.
`text-wrap: balance` has the browser look at the whole block ahead of time and find break points that keep the same number of lines while making their widths more even. It recalculates on viewport changes, removing the need for manual `<br>`s in responsive layouts.
Because the calculation is costly, Chromium caps it to roughly six lines or fewer — for longer body paragraphs, use `text-wrap: pretty` instead (see "Widows and orphans").
When to use
Hero headlines, card titles, modal titles — short text that wraps to a few lines. Won't apply to long body paragraphs.