Search code examples
htmlcsslayoutword-wrap

Balanced text wrapping in HTML


In HTML, is there a way to evenly distribute text that is broken across multiple lines?

E.g., I don't want:

   Here is some really long label that ends up on
   two lines.

I'd prefer:

                  Here is some really long label 
                      that ends up on two lines.

Solution

  • Adobe has proposed that a new css property be added text-wrap: balance.

    In the meantime they have created a jQuery plugin named balance-text to achieve the same result.