Html CSS-文本在垂直选项卡中换行

我有旋转90度的文本，它位于固定位置的垂直选项卡中。该选项卡用于“联系我们”链接。我无法解决的问题是文本断行。看起来像这样

接触 美国

我尝试过文本对齐、垂直对齐、显示、边距和填充以及宽度。似乎什么都不管用。还有其他人有这个问题吗？你是怎么解决的？代码如下

CSS HTML

正如Chris所说，松开UL上的宽度，一切正常：


您需要以下CSS：

#followTab { white-space: nowrap; }

这是因为您正在设置
ul
上的宽度。要么删除它并调整填充，要么调整宽度。添加一个jsfiddle.net示例总是有帮助的，这样我们就可以看到它的实际应用。
<ul id="followTab">
    <li class="rotate"><a>Contact Us</a></li>
</ul>

  /*width: 35px;*/

<ul id="followTab">
    <li class="rotate"><a>Contact&nbsp;Us</a></li>
</ul>

#followTab { white-space: nowrap; }