페이지의 오른쪽에 회전 된 요소 배치하기

Question

JSBin demo here.
div을 페이지의 오른쪽 가장자리에 수직으로 90도 회전시킬 수 있습니까? 미리 감사드립니다.

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, 당신에게 조금 도움이 될 수 있습니다.