В чем заключается разница между элементами div и span?

div — блочный элемент, который обычно используется для группировки содержимого, структурирования макета страницы и занимает всю доступную ширину.

span — строчный элемент, используется для выделения или стилизации небольших частей текста, не создает разрывов строк и занимает только необходимую ширину.

Пример использования:

html

Ос