Dev Tools · 1h ago
CSS text-wrap: balance eliminates orphaned headline words natively
The CSS property text-wrap: balance distributes text evenly across lines, preventing single-word orphans in headlines. It works on short content up to ~6 lines, with text-wrap: pretty for body text. No more manual <br> or max-width hacks.
Meridian48 take
A small but welcome quality-of-life improvement for frontend developers, though browser support and performance limits mean it's not a universal fix.
Read the full reporting
You hand-edit headlines to avoid orphaned words. `text-wrap: balance` does it natively. →
DEV Community
cssfrontend-development