html - 如何在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

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

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;
}

重要:添加了 word-wrap 和 text-align 以使其看起来像您要求的那样。 它的宽度固定为 15px 而不是高度。