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.
Quick example
h2 {
/* Automatically adjusts line breaks to make the lines look evenly balanced */
text-wrap-style: balance;
}Quick facts
Initial value
autoInherited
Yes
Applies to
text and block containers
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+