This is a short style rule to help you rotate text in your html page using CSS.
.rotated-text {
width:100px; height:20px; line-height:20px;
-moz-transform: rotate(310deg); /* FF3.5/3.6 */
-o-transform: rotate(310deg); /* Opera 10.5 */
-webkit-transform: rotate(310deg); /* Saf3.1+ */
transform: rotate(310deg); /* Newer browsers (incl IE9) */
/* IE8+ - must be on one line, unfortunately */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.6427876096865394, M12=0.766044443118978, M21=-0.766044443118978, M22=0.6427876096865394, SizingMethod='auto expand')"; /* IE6 and 7 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.6427876096865394, M12=0.766044443118978, M21=-0.766044443118978, M22=0.6427876096865394, SizingMethod='auto expand'); /* * To make the transform-origin be the middle of * the object. */
zoom:1;
background:#ccc;
font-weight:normal;
margin:0 0 0 0;
}