Internet Explorer、Firefox、Chromeのチェックボックスのアライメント

Question

異なるウェブブラウザを横切るラベル（つまり、縦のセンタリング）を使用したチェックボックスの配置と私は狂っています。以下の貼り付けは、標準のHTMLコードである：

<label for="ch"><input id="ch" type="checkbox">My Checkbox</label> 

Iが異なるCSSのトリックを試験した（例えば、link 1、link 2）。ほとんどのソリューションはFFで正常に動作しますが、ChromeまたはIE8では完全にオフになっています。

私はこの問題を解決するための参考文献や参考書を探しています。前もって感謝します。

EDIT

私はHTML

<div class="row"> 
<input type="checkbox" id="ch1" /> 
<label for="ch1">Test</label> 
</div> 

とCSS

.row{ 
    display: table-row; 
} 

label{ 
    display: table-cell; 
    vertical-align: middle; 
} 

は、Windows上でのFirefox、Internet Explorer 8の、とChromeに機能するようになりました修正ELQの提案によります。 LinuxのFirefoxとChromeで失敗します。 MacのFirefoxとSafariでも動作しますが、Chromeでは動作しません。

Answer 1

エレメントのCSSを 'display：table-cell;'で設定しようとしましたか？これまで、ブラウザ間で問題があったときにこのトリックを使用しました。