CSS3のdisplay:box;でボックスを横並びにしたときの違和感と対策 | アルペジオのように

CSS3を使ってボックスを横並びにするには、display: box; を使います。webkit（Safari、Chrome）と mozilla（Firefox）とでは指定の仕方が異なり、それぞれ display: -webkit-box; と display: -moz-box; のように指定します。 試しに、下記のようなコードを書きます。 HTML <div id="ex"> <div>ボックス1</div> <div>ボックス2</div> <div>ボックス3</div> </div> #ex { display: -moz-box; display: -webkit-box; width: 300px; padding: 15px; border: 1px solid #ccc; } #ex div { width: 88px; height: 50px; padding: 5p