私がこれまでに持っているもの: http://jsfiddle.net/2Zrx7/2/
.events{
height:100px;
position: relative;
}
.tt_username{
position: absolute;
top:0px;
height: 100%;
width: 30px;
background: #ccc;
text-align: center;
}
.tt_username p{
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
background: #ff0000;
font-size: 16px;
}
灰色の div 内のテキストを中央に配置する必要があります。この div の高さは一貫していますが、テキストは ajax を介して生成されます。このため、変換元では修正されないと思います。CSS ソリューションが必要ですが、js も歓迎します。