css - 在 div 右下角旋转文本

Question

我在一个 div 中有一些文本，它也在 div 中，因为它周围有双边框。

你可以在这里看到它:http://jsfiddle.net/43y46/

我想在它的右下角放置一个旋转 90° 的文本。

像这样:

我旋转的文字应该放在屏幕截图的蓝色区域。

你能帮帮我吗？

谢谢。

Answer 1

讨论 here将此样式用于您的文本范围。

.rotate {

/* Safari */
-webkit-transform: rotate(90deg);

/* Firefox */
-moz-transform: rotate(90deg);

/* IE */
-ms-transform: rotate(90deg);

/* Opera */
-o-transform: rotate(90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

}