【CSS】displayプロパティの種類

今回はわりと表示についての作業が多めでした。

CSSでサイト作りにおいて欠かせないのが displayのプロパティかと思います。

display :inline, block, inline-blockをざっくり紹介していきます。

display:inline;

inlineは、リストを横並びにして表示します。

display:block;

blockは、inlineと逆に縦並びにして表示します。

そして、

display:inline-block;

inline-blockは、inlineのように横並びでありながら、blockのように高さを変えることができます。

ですので、 いちいち、divタグで囲んでclassをあてる必要もなければ、floatを使う必要もありません。