Оновлено: 19.05.2025

div

Frontend HTML Теги div

Елемент <div> (від англ. division - розділ, секція) є універсальним блоковим елементом і призначений для групування елементів документа з метою зміни виду вмісту через стилі. Для цього додається атрибут class або id з іменем класу чи ідентифікатора.

Як і при використанні інших блокових елементів, вміст <div> завжди починається з нового рядка, після нього також додається перенесення рядка.

 

 

⌨️ Синтаксис

<div>...</div>

 

 

🔒 Закриваючий тег: Обов'язковий.

 

 

🔧 Атрибути

Атрибут align [Застаріло]

Вирівнювання вмісту контейнера <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">The soil-forming process is physically
   dries up the monolith in full accordance with Darcy's law.
   Under laboratory conditions, it was found that the drying cabinet
   theoretically possible. Weathering despite external
   impact, one time.</div>
  <div class="block2">Concretion spatially transforms
   pyrogenic pseudomycelium, although this fact needs to be
   further rigorous experimental testing.</div> 
 </body>
</html>