CSS3/HTML5でテキストを回転する

Question

私は回転させたい<span>を持っています。

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

私はスパンを回転させるにはどうすればよい：私はCSSの下にしようとしたが、働いていないHTML5、CSS3、およびInternet Explorer 9

を使用していますか？

Answer 1

-webkit-および-moz-は、それぞれWebkitブラウザ（Chrome、Safari）およびGeckoブラウザ（Firefox）用です。

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

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

Answer 3

インライン要素を回転させることはできません試してみてください。ブロックレベルで表示する必要があります。