css - CSS3変換後、中心を垂直に90度揃えます

Question

タブを90度回転させた後、タブのテキストを中央に揃える方法を探しています。タブの高さはさまざまであるため、正確な座標で絶対位置を変更するだけでは簡単に行うことはできません。

これがフィドルです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);
}

</ p>