Text rotation for all

Jonathan Snook has posted a nice nugget on text rotation with CSS that takes a nice bit of markup like this:

  1. <div class="example-date">
  2. <span class="day">31</span>
  3. <span class="month">July</span>
  4. <span class="year">2009</span>
  5. </div>

and converts it to:

all via the CSS:
  1. -webkit-transform: rotate(-90deg);
  2. -moz-transform: rotate(-90deg);
  3. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

If you have better solution, just tell me !

0 comments: