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.
Usage example
h2 {
/* Automatically adjusts line breaks to make the lines look evenly balanced */
text-wrap-style: balance;
}Initial value
auto
Inherited
Yes
Applies to
textAndBlockContainers
Animation type
discrete
Values
autobalancestablepretty 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.
Works in all modern browsers. May need a fallback for older browsers.
130+
124+
17.5+
130+