Turn Text on Its Side Using CSS

OCT

Oct 12, 2009 by Jeff Nicholson

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.

To leave a comment, please log in / sign up

Archive

RSS Feed

services overview

from the blog

Tips for Successful Email Campaigns

As you probably know, email recipients have become more and more sensitive to spam. When a recipient marks you as “spam” the major ISPs like gmail, yahoo, aol, comcast, msn, outlook and others will get notified and if they g...

on Jan 24, 2019 / 0 comments

Mosida Meats - Local Beef Delivery for Utah

We recently launched a new website for the Mosida Meats company. The farm in Elberta, Utah started primarily in dairy (milk - mmm good) and is now offering local delivery of their Grass Fed - Corn Finished beef. I was able to...

on Jul 31, 2018 / 0 comments