小编dr *_*nes的帖子

我有一个div包含一个或多个按钮.它可以旋转90度.但是我需要旋转div以沿左边距(Y轴)放置并垂直对齐到Y轴的中间.

我开始尝试小提琴 - http://jsfiddle.net/5rnm577a/

代码如下:

HTML:

<div>
    <div id="yaxisbuttons">
        <p>Y Button 1</p>
        <p>Y Button 2</p>
    </div>
</div>

CSS:

#yaxisbuttons {
    padding:0px 0px 0px 0px;
    text-align: center;
    margin:0px;
    width: 160px;
    height:40px;
    background:#FF931E;
    z-index:15;
    border-radius: 5px 5px 5px 5px;
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
}

有人可以帮忙吗？