<div> - html тег

Елемент <div> потрібен для групування блоків. Не має семантичної ваги, як і <span>. Завдяки цьому він ідеально підходить для стилізації всього. Його слід використовувати, якщо інший семантичний тег не підходить.

HTML
<div>...</div>

Атрибути

Цей тег може мати глобальні атрибути.

Технічне резюме

Категорія контенту	Потоковий контент, відчутний контент
Роль ARIA	generic
Дозволені ARIA атрибути	Всі
DOM інтерфейс	HTMLDivElement

Приклади використання

<!-- Підходить для створення декорацій -->
<div class="wrapper">
  <div class="inner"></div>
</div>

.wrapper {
  display: grid;
  place-items: center;
  width: 100px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: orange;
}

.inner {
  width: 85%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: tomato;
}

<article>
  <div>
    <img src="..." alt="Фото товару">
  </div>
  <h1>Гіпертермокружка</h1>
  <p>Тримає тепло довше, ніж ваша остання дієта. Ідеальна для кави, чаю та філософських роздумів.</p>
  <button>Додати до кошика</button>
</article>

article {
  font-family: sans-serif;
  padding: 1rem;
  border: 1px solid #ccc;
  border-radius: 1.8rem;
}

div {
  background: #ccc;
  border-radius: .8rem;
  overflow: hidden;
  min-height: 100px;
}

Стилі за замовчуванням

CSS
div {
  display: block;
}

Підтримка браузерів



`<div>`
`align`