如何在div中垂直对齐文本？

Question

我需要创建一个固定菜单按钮，该按钮将分配给浏览器的右侧。目前我的代码看起来像这样：

#button-side-menu {
    background: none repeat scroll 0 0 #F5F5F5;
    border-radius: 5px 5px 0 0;
    color: #363636;
    height: 28px;
    position: fixed;
    right: 16px;
    top: 91px;
    z-index: 2000;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    padding: 10px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

是否可以将其置于div中，文本未粘贴到右侧。还可以像这样设置测试：

M
e
n
u

P.S。 网站是多语言的，所以我需要文本，而不是这种情况下的图像。

Answer 1

这有效：

#button-side-menu {
    background: none repeat scroll 0 0 #F5F5F5;
    border-radius: 5px 5px 0 0;
    color: #363636;
    width: 15px;
    position: fixed;
    right: 16px;
    top: 91px;
    z-index: 2000;
    word-wrap:break-word;
    text-align: center;
    padding: 10px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

重要说明：添加自动换行和文字对齐，使其看起来像您要求的那样。  它的宽度固定为15px而不是高度。