縦書き実験

縦書きのテストをしてみる。
任意の位置にだけ表示したいけど挙動がいまいちわからん。

ほんとは.tategakiで囲ったの全部縦書きにしたいんだけどそうすると謎挙動が…

.tategaki{
  font-family: 'Trebuchet MS', Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '@メイリオ', 'IPA Pゴシック', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  writing-mode: tb-rl;
  -ms-writing-mode: tb-rl;
  -moz-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
}

こんなかんじにしたいんだけどデザインCSSにそのまま貼りつけたらバグるお…