HTML text rotation with CSS

You might’ve seen some people using calendar pic to show post dates & time on their blog, now you can avoid using those resource hugry background pic with simple CSS trick. Jonathan Snook posted a nice nugget on text rotation with CSS that takes a nice bit of markup like this:

HTML:

<div class="example-date">
<span class="day">31</span>
<span class="month">July</span>
<span class="year">2009</span>
</div>

CSS:

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

More info: Text Rotation

Source:→ Ajaxian