縦書き：ベースラインがChromeでうまく動作しない

Question

正直言って、これは本当にばかげた質問です。とにかくここに行く。 私は垂直アライメントを使用しようとしていました：ベースライン;それ自体で動作しています。問題はIEとFirefoxで動作することです。私の問題は、Chromeでうまくいかない理由のためです。 クロム http://img576.imageshack.us/img576/8976/chromem.png

における問題のスクリーンショットそして、これは、それは、FirefoxのようにIEで同じことをどのように見えるかのように見えることになって（それが一番上になり、他の14pxのパディングがあります） http://img62.imageshack.us/img62/140/firefoxi.png です。

あなたが背景を設定した場合Imは、これは2日間私に頭痛を与えてきたので、私は、誰かが私を助けることができることを願っています （ジャスト指摘）今はほとんど:(

Answer 1

を自分の画像やテキストにテーブルを使用していませんdisplay: tableへのdivとそれのそれぞれがdisplay: table-cellに子供たちは、それが動作するはずです。

#outer_div 
{ 
    display: table; /* display: inline-table; works as well */ 
} 

#outer_div div 
{ 
    display: table-cell; 
    vertical-align: baseline; 
}