Briefle words · UI design
Balanced text
Also called text-wrap: balance
A CSS setting that makes the browser spread a short block of text across lines of roughly equal length.
Say it to an AI
Dark green promo banner with a small uppercase tag, a big bold headline, a short subtitle and a light button. Use text-wrap: balance on the headline so lines break evenly with no orphan; the headline should look like a deliberate block.
How an expert would brief the stronger version of “Promo banner”.
See it
Try it as a puzzle →Membership perk banner on the homepage of an outdoor clothing store.
Why: A applies text-wrap: balance to the headline and subtitle, so the lines are evenly filled.
Related words
Room 3 · Typography
Learn “Balanced text” in a five-minute lesson