Rotar texto con CSS3/HTML5

Question

Tengo un <span> que quiero rotar. Estoy usando HTML5, CSS3, e Internet Explorer 9.

Probé el siguiente CSS, pero no está funcionando:

-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg); 

Cómo puedo rotar el lapso?

Answer 1

-webkit- y -moz- propiedades son para navegadores webkit (Chrome, Safari) y navegadores Gecko (Firefox), respectivamente.

También debe usar el equivalente para IE.

.rotate { 

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

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

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

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

/* Older versions of IE */ 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 

/* CSS3 standard as defined here: http://www.w3.org/TR/css3-transforms/ */ 
transform: rotate(-90deg); 

} 

Source

Answer 2

Trate -ms-transform: rotate(-90deg);

Answer 3

Los elementos en línea no se pueden girar. tienes que mostrarlos como nivel de bloque.