ホームページ制作時に横並びのメニューや画像を横並びにしたいときに

リストタグをfloatにする方法が一般的ですが、

この方法で

floatで指定すると最後にclear: both;を使ってfloatを解除しなければなりません。

次の要素があって解除することが簡単にできればいいのですが、

面倒なので

「display: inline-block;」と記述すると

同じように横並びのリストを作りつつ、且つfloatのように解除してあげる手間が省けます！