text-wrap: balance
This wonderfully simple property will split multi-line text evenly across each line.
It eliminates the need to put max-widths on your headlines, or insert br / span tags to control how the text wraps. One of my most used new features!
text-wrap: wrap (default)
A headline spanning multiple lines
text-wrap: balance
A headline spanning multiple lines
h1 {
text-wrap: balance;
}<h1 class="text-balance">My headline that spans multiple lines</h1>text-wrap: balance
Menu