在頁面右側定位旋轉元素

Question

JSBin demo here.
如何將div定位在頁面的右側，垂直居中？提前致謝。

Answer 1

試試這個：

div { 
    font-family: sans-serif; 
    background: red; 
    -webkit-transform: rotate(270deg); 
    -webkit-transform-origin: bottom left; 
    position: absolute; 
    width:200px; 
    height:20px; 
    top:50%; 
    margin-top:-20px; /* height */ 
    right:-200px; /* width */ 
} ​ ​​ 

Answer 2

div{ 
vertical-align:middle; 
    float:right; 
    /* FF Chrome Opera etc */ 
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
    -o-transform: rotate(90deg); 
    /* IE */ 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
    } 

檢查this，可能你有點幫助。