如何将文本内联旋转90度

问题描述

如何在不使用样式表的情况下将文本旋转90度?我在页面的标题区域放置了以下指令:

How do I rotate text 90 degrees without using the style sheet? I have placed the following instruction in the header area of the page:

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

然后，我将以下内容放在有问题的段落周围.

Then I placed the following around the paragraph in question.

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

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

But its not working and hence my question.

推荐答案

下面是一个小的视觉示例:

Here is a small visual example:

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

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

这篇关于如何将文本内联旋转90度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！