Тег <div>

Синтаксис

Описание

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

Обычно при использовании элемента добавляют атрибут class или id с именем класса или идентификатора.

Тег <div> является блочным элементом, поэтому разрыв строки помещается до и после него.

Примечание!

Верстка HTML страниц с помощью тега <div> является ее базовым фундаментом, так как именно этот тег определяет многочисленные структурные блоки веб-страницы.

Атрибуты, которые можно использовать в теге <div>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.

Атрибуты

Атрибут	Значение	Описание
align	left center right justify	Устанавливает правило выравнивания по горизонтали. Не поддерживается в HTML5

Пример

HTML-код:

<!DOCTYPE html>

<head>

</head>

<body>

<div style="border: 1px solid #000000; padding: 10px; margin-botom: 5px;">

<p>div 1<p>

</div>

<div style="display: flex; gap: 5px; align-items: center; border: 1px solid #000000; padding: 10px">
<p>div 2</p>
<div style="border: 1px solid #000000; padding: 10px;">
<p>div 3</p>
</div>
<div style="border: 1px solid #000000; padding: 10px;">
<p>div 4</p>

</div>
</div>

</body>

</html>

Отображение в браузере:

div 1

div 2

div 3

div 4