🤔 Когда используются теги div и span?

<div> и <span> — это самые универсальные HTML-теги, но у них разные роли:
<div> — блочный контейнер (для структуры).
<span> — строчный контейнер (для оформления текста).

🚩Примеры использования `<div>`

Разметка секций страницы

<div class="header">Навигация</div>
<div class="content">Основной контент</div>
<div class="footer">Подвал</div>

<div class="card">
  <h2>Заголовок</h2>
  <p>Текст внутри карточки</p>
</div>

<p>Сегодня <span class="highlight">солнечная погода</span>.</p>

<button>
  <span class="icon">🔍</span> Поиск
</button>