「ブロックレベル」と「インラインレベル」って違いが分かってるようで、なんとな〜くだったけどいい定義があった。

htmlタグと呼ばれる要素は2種類に分別さて「ブロックレベル」と「インラインレベル」に分かれます。
見分け方はいたって簡単で、並べると横に並んでいくか縦に並んでいくかの違い。

ブロックレベル要素…並べると縦に並んでいく
(例)<h1>,<p>,<div>,<table>,<ul>

インラインレベル要素…並べると横に並んでいく
(例)<a>,<span>,<img>,<font>,<strong>

たいていの場合、<div>要素を使ってレイアウトをすると思いますが、
この<div>はブロックレベル要素ですので本来横に並ぶことはありません。
だから、floatを使用して複数の<div>を横に並べるという作業が必要となるのです。

メモメモ。