Make lines of text have equal length

Question

In centered h1 elements, if the text falls on multiple lines, line breaks make the text look like this:

                This is a header that takes          


        

Answer 1

The CSS Text 4 draft proposes text-wrap: balance, but I don't think any browser implements it yet.

In the meantime, you can use Adobe's jQuery plugin (demo): https://github.com/adobe-webplatform/balance-text