css display:inline-blockの便利さが分かりました

inline-blockすごい便利だった。今日やっと意味が分かった。

例えばspanとかのinline要素はwidthとか設定しても適用されないけど、かと言ってdivとか使うと改行されちゃうし困った、ってときにinline-blockを使うとwidthが適用されかつ改行もされないことが分かった。要はinput要素のような扱いになるっぽい。今までfloat使ってた部分もこれで代用できるケースもありそう。

今後は忘れないこと。