複数のdivを1行で表示させ、かつ幅を保持させるには？

質問

通常、要素を同じ行に表示させたい場合は、display: inlineに設定します。しかし、要素をinlineに設定すると、width属性が意味をなさなくなります。

インラインにしないで、divを同じ行に表示させるにはどうしたらよいでしょうか。

どのように解決するのですか？

この場合 display:inline-block .

このプロパティは、DOM 要素がブロック要素のすべての属性を持ち、かつインラインを維持することを可能にします。いくつかの欠点がありますが、ほとんどの場合、これで十分です。 なぜそれが良いのか、なぜそれがあなたのために働かないかもしれないのか。

EDITです。 唯一の 現代の ブラウザで、いくつかの問題があるのは IE7 だけです。参照 Quirksmode.org