<span>— это строчный (inline) элемент.<div>— это блочный (block) элемент.
Элементы <div> нужно использовать для оформления разделов документа.
А элементы <span> — в роли контейнеров для небольших объёмов текста, для изображений и других подобных элементов страниц.
Надо отметить, что нельзя помещать блочные элементы в строчные.
Вот пример, в котором показано, кроме прочего, неправильное размещение блочного элемента внутри строчного (это — фрагмент <div>I'm illegal</div>, размещённый внутри элемента <span>):
<div>
Hi
<span>
I'm the start of the span element
<div>I'm illegal</div>
I'm the end of the span
</span>
Bye I'm the end of the div
</div>