Turn Text on Its Side Using CSS

I just stumbled onto a neat little trick. I don't know how I haven't seen this before. Apparently you can rotate text using CSS. It is a little hacky, but still cool. With just a couple lines of code you can have you text going every which way.

For Firefox:

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);	

For IE:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

Comments

Be the first to leave a comment on this post.

Leave a comment

To leave a comment, please log in / sign up