CSS - 垂直制表符中的文本分隔线

Question

我有旋转90度的文字，它位于处于固定位置的垂直制表符中。该标签用于联系我们链接。我无法解决的问题是文本断行。它看起来像这样。

联系 我们

我试图文本对齐，垂直对齐，显示，具有边距和填充，和宽度搞乱。似乎没有任何工作。其他人遇到过这个问题吗？你怎么能解决它？下面的代码。

CSS

#followTab { 
     list-style: none; 
     position: fixed; 
     text-indent:initial; 
     z-index: 1; 
     right: 0; 
     top: 130px; 
     line-height:20px; 
     width: 35px; 
     padding: 80px 10px; 
     border: 3px solid #fff; 
     border-right: none; 
     -moz-border-radius: 10px 0 0 10px; 
     -webkit-border-radius: 10px 0 0 10px; 
     border-radius: 10px 0 0 10px; 
     -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .6); 
     -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .6); 
     box-shadow: 0 0 7px rgba(0, 0, 0, .6); 
     background: rgba(239, 91, 10, .75); 
     background: -moz-linear-gradient(top, rgba(243, 52, 8, .75), rgba(239, 91, 10, .75)); 
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(243, 52, 8, .75)), to(rgba(239, 91, 10, .75))); 
     background: linear-gradient(top, rgba(243, 52, 8, .75), rgba(239, 91, 10, .75)); 
     filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#c0f33408', endColorStr='#c0ef5b0a', GradientType=0); 
    } 

    .rotate { 
     -webkit-transform: rotate(90deg); 
     -moz-transform: rotate(90deg); 
     -ms-transform: rotate(90deg); 
     -o-transform: rotate(90deg); 
     transform: rotate(-90deg); 
     /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */ 
     -webkit-transform-origin: 50% 50%; 
     -moz-transform-origin: 50% 50%; 
     -ms-transform-origin: 50% 50%; 
     -o-transform-origin: 50% 50%; 
     transform-origin: 50% 50%; 
     /* Should be unset in IE9+ I think. */ 
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
    } 

HTML

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

http://jsfiddle.net/8Vkmm/

Answer 1

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

http://jsfiddle.net/9ZJJz/

Answer 2

正如克里斯说，宽松的UL宽度和它的所有作品：http://jsfiddle.net/8Vkmm/1/

/*width: 35px;*/ 

Answer 3

您需要以下CSS：

#followTab { white-space: nowrap; }