title: Make lines of text have equal length
body: <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>