text-wrap-style
Controls the algorithm used to wrap text. 'balance' is perfect for short headlines to ensure lines are roughly equal in length, while 'pretty' avoids 'orphans' (single words on a new line) in paragraphs.
It is documented as part of the CSS Text specification.
Syntax
/* Usage Example */
h2 {
/* Automatically adjusts line breaks to make the lines look evenly balanced */
text-wrap-style: balance;
}
/* Syntax */
text-wrap-style: auto;
text-wrap-style: balance;
text-wrap-style: stable;
text-wrap-style: pretty;
/* Global values */
text-wrap-style: inherit;
text-wrap-style: initial;
text-wrap-style: revert;
text-wrap-style: revert-layer;
text-wrap-style: unset;
text-wrap-style Browser support
Newly available
Since
2024 84% global usage
Since 2024 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
130+
124+
17.5+
130+