Text Rotation

The css-snippet will show you how to rotate text using the css property 'transform', you will need to use vendor prefixes for the code to work in all browsers. Check out our CSS Text Rotate Generator for a visual example.

.rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* Internet Explorer */
-ms-transform: rotate(90deg);

/* Opera */

transform: rotate(90deg);

The example below rotates text 90 degrees counterclockwise.


Rotated Text