html - チェックボックスは Firefox では正常にレンダリングされますが、Chrome ではレンダリングされません

Question

この例で、チェックボックスとその横のテキストが Firefox とは対照的に Chrome で異なる方法でレンダリングされる理由を誰か教えてもらえますか(望ましい結果)?

Firefox 16.0.2
Chromium 18.0.1025.168 (Developer Build 134367) (WebKit 535.19)

Answer 1

1. 次<br>の行ではなく、最初のチェックボックス入力要素と同じ行の最後に配置します。これにより、チェックボックスが水平方向に整列されます。参照: text-align: Chrome では右にマージンまたはバッファがあります
2. そのフォームの両方の入力要素の幅を に調整し1emます。Chrome はこれらの幅をコンテナー内の使用可能なスペースに自動的に拡張するようですが、Firefox はそうではありません。

これはまだ完全な修正ではありませんが、垂直方向の配置にはまだ違いがあります。

デモ。