 Make lines of text have equal length
<p>In centered <code>h1</code> elements, if the text falls on multiple lines, line breaks make the text look like this:</p>

<pre><code>                This is a header that takes up two
                              lines

                This is a header that takes up three
                lines because it is really, really
                              long
</code></pre>

<p>Is there a way to manipulate these elements so that the length of the lines of text is roughly equal? Like this:</p>

<pre><code>                       This is a header that
                        takes up two lines

                    This is a header that takes 
                     up three lines because it
                       is really, really long
</code></pre>

<p>The jQuery plugin <a href="http://matthewlein.com/widowfix/index.html">Widow Fix</a> prevents single-word lines, but I'm looking for something that evens out <em>all</em> the lines in a multi-line element. Are there any jQuery plugins for this, or can you recommend a strategy?</p>
