CSS3转换90deg后垂直对齐中心

Question

我正在寻找一种方法，可以在标签旋转90度后对其进行居中对齐。标签可以具有不同的高度，因此不能简单地通过用精确坐标改变绝对定位来完成。

这是一个FIDDLE http://jsfiddle.net/gPAhK/22/尝试并将文本居中

.vtab .trigger li {
    display:block; width:40px; height:200px; border-radius:10px 0 0 10px; margin:0 0 -50px 2px; z-index:10; cursor:pointer; position:relative;
    background:url(http://www.divethegap.com/boris/tabs-large.png) no-repeat;
}
.vtab .trigger li b {
    display:block; line-height:46px; color:#222; -webkit-transform:rotate(-90deg); text-align:center; background-color:rgba(0,0,0,0.1);
}