垂直＆水平だから私は次のように水平から垂直にいくつかのテキストを回転させるために（90度）CSSを使用していCSS回転

Question

後にテキストを揃えるように：私の問題は、これが外のテキストの道をシフトしていることである

-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg); 
writing-mode: tb-rl; 
filter: flipv fliph; 

コンテナdiv。それをコンテナの中に入れておくというトリックはありますか？私が設定できるアンカーポイントはありますか？ポストを調整するクロスブラウザの方法は何ですか？

Answer 1

あなたは、いくつかのCSSプロパティとそれを引き戻すことができ...また

#whatever { 
    position: relative; 
    top: -4px; 
    right: -10px; 
} 

、あなたはtransform-originプロパティで遊ぶことができる：

transform: rotate(-90deg); 
transform-origin:20% 40%; 
-ms-transform: rotate(-90deg); /* IE 9 */ 
-ms-transform-origin:20% 40%; /* IE 9 */ 
-webkit-transform: rotate(-90deg); /* Safari and Chrome */ 
-webkit-transform-origin:20% 40%; /* Safari and Chrome */ 
-moz-transform: rotate(-90deg); /* Firefox */ 
-moz-transform-origin:20% 40%; /* Firefox */ 
-o-transform: rotate(-90deg); /* Opera */ 
-o-transform-origin:20% 40%; /* Opera */ 

Answer 2

代替方法、より多くのブラウザは準拠しています予めテキストの量に関する情報を必要としない。

.disclaimer { 
    position: absolute; 
    right: 10px; 
    bottom: 10px; 
    font-size: 12px; 
    transform: rotate(270deg); 
    -ms-transform: rotate(270deg); 
    -moz-transform: rotate(270deg); 
    -webkit-transform: rotate(270deg); 
    -o-transform: rotate(270deg); 
    line-height: 15px; 
    height: 15px; 
    width: 15px; 
    overflow: visible; 
    white-space: nowrap; 
} 

http://jsfiddle.net/d29cmkej/