css - 回転した要素をページの右側に配置する

Question

JSBin のデモはこちら。ページの右端に 90 度回転させて垂直方向の中央
に配置するにはどうすればよいですか? 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);
    }

これを確認してください。少し役立つかもしれません。