divは通常、前後で改行されるブロックレベルの箱として使われます。
そのため、横に文字が続かず、1つのかたまりとして積み上がる形になります。MDNの div リファレンスでも、divはフローコンテンツの汎用コンテナーとして扱われています。
例
<div>1つ目</div>
<div>2つ目</div>
<div>3つ目</div>
<div>2つ目</div>
<div>3つ目</div>
表示イメージ
1つ目
2つ目
3つ目
2つ目
3つ目
対比
-
div→ ブロックとしてまとまりやすい -
span→ インラインで文字の一部を包みやすい
この違いを理解していないと、divとspanを逆に使って崩れます。