As a quick digest of this article by Jonathan. You can literally rotate any HTML element by a certain degree with CSS, be it text or image or something else. After testing across a few modern browsers, the only one that’s not supporting this rotation technique is Opera.
The CSS rules you need for a rotation of 90 degrees:
/* for firefox, safari, chrome, etc. */ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); /* for ie */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
You should also read:
- CSS: How to write CSS rules to detect or target Chrome, Safari or Opera browsers only?
- PHP: Convert Degrees to Radians and Convert Radians to Degrees
- CSS: Curved or Rounded Corner Boxes and Images Using border-radius
- Cross browser compatible HTML table cellspacing and CSS border-spacing property
- PHP: Convert Radians to Degrees and Degrees to Radians