Rotated text with example

On 04.18.12, In 116, css, by sc_7cabc029490e9fcb99b8d58793c625bd

I was looking for rotated text with an example after finding a starter point from the source link

.rotate {

border:1px solid;
margin-top:20px; 
float:left;    
/* Safari */
-webkit-transform: rotate(-45deg);

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

/* IE */
-ms-transform: rotate(-45deg);

/* Opera */
-o-transform: rotate(-45deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}
.rotate_right {
border:1px solid;
float:right;
margin-top:20px;   
/* Safari */
-webkit-transform: rotate(45deg);

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

/* IE */
-ms-transform: rotate(45deg);

/* Opera */
-o-transform: rotate(45deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}