display主要な4つの値
| display: | 特徴 |
|---|---|
| block | 縦並び |
| inline | 横並び |
| inline-block | 横並び |
| none | 非表示 |
inline,inline-blockとは
ほとんどのプロパティの初期値はdisplay:blockなので、要素間に必ず改行が挟まってしまいます。いいときはいいのですが、横並びに表示したい時は困ります。そういう時にinline,inline-blockを使います。inlineとinline-blockは、改行が入らないので横並びで使えます。
結論
| inline | inline-block | |
|---|---|---|
| 高さ幅の指定 | できない | できる |
| paddingとmargin | 左右のみ | 上下左右 |