如何在 div 中间对齐旋转文本

我想将旋转文本垂直对齐在 100% 高度 div 的中间，如下图所示。

因此，每当屏幕尺寸发生变化时，文本都会保留在 div 的中间。

有人有解决方案吗？

http://jsfiddle.net/SVkPU/1/ http://jsfiddle.net/SVkPU/1/

.rotate-270 {
    -o-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform:rotate(270deg);
}

.left {
    float:left;
    background:#000;
    color:#fff;
    text-align:center;
    height:50px;

}

.right {
    float:right;
    background:#000;
    color:#fff;
}

好吧好友添加text-align:center of the <div>然后不要将文本旋转 90 度！旋转<div>90度！

http://jsfiddle.net/KSAqR/1/ http://jsfiddle.net/KSAqR/1/