如何使用html和bootstrap在一行中旋转文本？

我想旋转第一行中的一些文本。结果是文本显示为两行，而我希望文本显示为一行。我应该补充什么

非常感谢

p{
宽度：自动；
高度：自动；
/*旋转div*/
-ms变换：旋转（270度）；/*IE 9*/
-webkit变换：旋转（270度）；/*铬合金、Safari、Opera*/
变换：旋转（270度）；
}

点描述
控制器地址

模块地址

点地址

非常简单-只需添加类和不间断空格：

<th height="200" style="width: 390px;" class="rotated">Point Description</th>   
<th class="rotated"><p>Controller&nbsp;Address</p></th>
<th class="rotated"><p>Module&nbsp;Address</p></th>
<th class="rotated"><p>Point&nbsp;Address</p></th>

---

文本在哪里？它不在你的桌子上。请发布您的完整HTML代码（至少是整个相关部分）刚刚添加了点描述，谢谢谢谢，我已经做到了。我遇到的问题是，下一行显示为两行，而不是一行。我想得到控制器上面的地址。@Arielis编辑的问题，还有更好的吗？答案是不间断空格。任何想法，为什么设置宽度不起作用（如更新的图片所示）。谢谢

.rotated {
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}