コーディングを勉強したての頃はBlock要素とInline要素の違いがよくわからずによく混乱しがちです。簡単に違いについてまとめてみたので頭に入れておきましょう。
Block要素
Block要素は縦に並ぶ
Block要素にtext-alignは効かない
Widthが付与がされている場合はMarginで位置を指定できる
Inline
Inline要素は横に並ぶ
Inline要素にmarginは効かない
text-alignで指定する
letter-spacingで間隔を調節できる
Margin:0 auto; はwidthが付与されてないといけない
Inlineblockは要素の中に文字列や画像がなかったら高さや幅が0になる