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
autobalancestableprettytext-wrap-style Browser Support
Limited availability84% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.