ブロックレベル要素とインライン要素

HTMLの要素はブロックレベル要素とインライン要素の二つに分ける事ができます。ブロックレベル要素とインライン要素を理解する事でcssのトラブルなども減らす事ができます！

ブロックレベル要素

ブロックレベル要素とは、見出し・段落・表など、文書を構成する基本となる要素で、１つのブロックを生成します。

常に新しい行から始まり、全幅を取ります。

インライン要素

主にブロックレベル要素の内容として用いられ、文章の一部として扱われます。

ブロックレベル要素に対し、インライン要素とはそのタグで囲まれた部分のみを占有します。

新しい行からは始まらず、必要な幅のみを取ります。

インライン要素は、widthやheightを指定できません。ですから、divタグで挟み、ブロックレベル要素として調整する必要があります。