{{description>Что такое Блочный контент}}
====== Блочный контент ======
В CSS контент, который участвует в макете блока, называется **контентом уровня блока** .

В блочной компоновке блоки располагаются один за другим по вертикали, начиная с верха содержащего блока. Левый внешний край каждого блока касается левого края содержащего его блока.
Элемент уровня блока всегда начинается с новой строки. В режимах горизонтального письма, таких как английский или арабский, он занимает все горизонтальное пространство своего родительского элемента (контейнера) и вертикальное пространство, равное высоте его содержимого, тем самым создавая «блок».

<WRAP center round box 100%>
Примечание. Вышеописанное поведение макета блока меняется, если для содержащего блока writing-mode[[software:development:web:docs:web:css:writing-mode|writing-mode]] установлено значение, отличное от значения по умолчанию.
</WRAP>

<WRAP center round box 100%>
Примечание. Элементы HTML ( язык гипертекстовой разметки ) исторически классифицировались как элементы «блочного уровня» или «встроенные» элементы. В качестве характеристики представления это теперь определяется CSS.
</WRAP>

===== Примеры =====
В этом примере два <p>элемента абзаца ( ) помещаются в файл <div>.

<code html HTML>
<div>
  <p>
    This the first paragraph. The background color of these paragraphs have been
    colored to distinguish them from their parent element.
  </p>
  <p>This is the second paragraph.</p>
</div>
</code>

По умолчанию элементы параграфа( <p>) являются блочными. Поэтому они отображаются в виде блоков:

This the first paragraph. The background color of these paragraphs have been colored to distinguish them from their parent element.

This is the second paragraph.