<div>¶

Тег <div> (от англ. division - раздел) является универсальным блочным элементом и предназначен для группирования элементов документа с целью изменения вида содержимого через стили. Для этого добавляется атрибут class или id с именем класса или идентификатора.

Текстовые блоки

blockquote
dd
div
dl
dt
hr
li
ol
p
pre
ul

Синтаксис¶

<div>...</div>

Закрывающий тег обязателен.

Атрибуты¶

Для этого элемента доступны универсальные атрибуты.

Спецификации¶

Описание и примеры¶

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>DIV</title>
    <style>
      .block1 {
        width: 200px;
        background: #ccc;
        padding: 5px;
        padding-right: 20px;
        border: solid 1px black;
        float: left;
      }
      .block2 {
        width: 200px;
        background: #fc0;
        padding: 5px;
        border: solid 1px black;
        float: left;
        position: relative;
        top: 40px;
        left: -70px;
      }
    </style>
  </head>
  <body>
    <div class="block1">
      Почвообразовательный процесс физически иссушает
      монолит в полном соответствии с законом Дарси. В
      лабораторных условиях было установлено, что сушильный
      шкаф теоретически возможен. Выветривание, несмотря на
      внешние воздействия, однократно.
    </div>
    <div class="block2">
      Конкреция пространственно трансформирует пирогенный
      псевдомицелий, хотя этот факт нуждается в дальнейшей
      тщательной экспериментальной проверке.
    </div>
  </body>
</html>

Ссылки¶

Тег <div> ^{MDN (рус.)}