Obracanie tekstu za pomocą CSS3/HTML5

Question

Mam <span>, który chcę obrócić. Używam HTML5, CSS3 i Internet Explorer 9.

Próbowałem poniżej CSS, ale to nie działa:

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

Jak obrócić rozpiętość? Właściwości:

Answer 1

-webkit- i -moz- są przeznaczone odpowiednio dla przeglądarek webkitów (Chrome, Safari) i Gecko (Firefox).

Musisz również użyć odpowiednika dla 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

Spróbuj -ms-transform: rotate(-90deg);

Answer 3

elementy Inline nie można obracać. musisz wyświetlić je jako poziom bloku.