← You hand-edit headlines to avoid orphaned words. `text-wrap: balance` does it natively.Quiz
text-wrap: balance and pretty
The old fixes for an awkwardly-breaking headline — a manual <br>, a soft hyphen, a max-width tweak, or a JavaScript rebalancer — all patched a symptom at one viewport width. text-wrap: balance and text-wrap: pretty solve line distribution natively, during layout, at every width.
questions7
pass mark70%
feedbackinstant
No account needed. Every answer is explained as you go, with a reference to the spec or MDN — pass and you can claim a certificate.