Rotazione del testo con CSS3/HTML5

Question

Ho un <span> che voglio ruotare. Sto usando HTML5, CSS3, e Internet Explorer 9.

Ho provato il seguito CSS, ma non sta funzionando:

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

Come posso ruotare l'arco?

Answer 1

-webkit- e -moz- proprietà sono rispettivamente per i browser Webkit (Chrome, Safari) e browser Gecko (Firefox).

È necessario utilizzare anche l'equivalente per 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

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

Answer 3

elementi in linea non può essere ruotata. devi visualizzarli come livello di blocco.