インライン要素
p を除くすべてのテキストレベルのラベルはインライン要素です; a、b、br、span、code、select、label
- 幅と高さを設定できません
- 水平方向のパディングとマージンは設定可能ですが、垂直方向は無効です。(幅の変更はパディング左、右、マージン左、右のみ設定可能)
- デフォルトの幅はそれ自体のコンテンツの幅です
- インライン要素にはテキストまたはその他のインライン要素のみを含めることができます。
インラインブロック要素
画像、入力、
- 高さ、行の高さ、マージン、パディングはすべて制御できます。
- デフォルトの幅はコンテナの 100% です。
- インライン要素やその他のブロック要素に対応できます。
ブロックレベルの要素
div 、 p、h1 - h6、ul 、dl、dt、form、hr、table、ol、li、caption、 (header、section、footer、aside、
nav、main、article、figure)
- 高さ、行の高さ、マージン、パディングを設定できます。
- デフォルトの幅はコンテナの 100% です。
- インライン要素やその他のブロック要素に対応できます。