Div — це блочний елемент, який займає всю ширину рядка та починається з нового рядка. Span — це інлайновий елемент, який використовується всередині тексту та не переносить рядок.
Приклад div:
Це перший div (блочний елемент)
Це другий div — він автоматично з нового рядка
Приклад span:
Це звичайний текст, а це виділений span всередині рядка.