Вращающийся текст с CSS3/HTML5

Question

У меня есть <span>, который я хочу повернуть. Я использую HTML5, CSS3 и Internet Explorer 9.

Я попытался ниже CSS, но это не работает:

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

Как повернуть промежуток?

Answer 1

-webkit- и -moz- свойства предназначены для браузеров веб-браузера (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

Роликовые элементы не могут быть повернуты. вы должны отображать их как уровень блоков.