CSS3 текст вращается

Question

Как мне добиться следующего с помощью CSS3 text-rotate

Я смотрю на использование двух плавающих элементов (один только с текстом, а другой для правой панели) с контейнером.

Любой обходной путь, чтобы заставить это работать в IE8, также был бы оценен.

Answer 1

Используйте

-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

на элементе.(Может быть 90, а не -90 - вам придется проверить!).IE one принимает значения 1,2,3,4, представляющие каждый поворот на 90˚.

Answer 2

отметьте это http://snook.ca/archives/html_and_css/css-text-rotation

напишите вот так

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

и для IE вы можете использовать фильтр для этого

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

проверить скрипку http://jsfiddle.net/sandeep/w7vZd/12/

& для IE8 вы можете использовать условный комментарий или взломать IE css.