css - 如何将文本内联旋转 90 度

Question

如何在不使用样式表的情况下将文本旋转 90 度？我在页面的页眉区域放置了以下说明:

<style>
div.rotate-text {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
</style>

然后我在相关段落周围放置了以下内容。

<div id="rotate-text">
<p>My paragraph</p>
</div>

但它不起作用，因此我的问题。

Answer 1

这是一个小的视觉示例:

#rotate-text {
   width: 25px;
   transform: rotate(90deg);
}

<div id="rotate-text">
  <p>My paragraph</p>
</div>