Блочный контент

В CSS контент, который участвует в макете блока, называется контентом уровня блока .

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

Примечание. Вышеописанное поведение макета блока меняется, если для содержащего блока writing-modewriting-mode установлено значение, отличное от значения по умолчанию.

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

Примеры

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

.

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>

По умолчанию элементы параграфа( <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.

Только авторизованные участники могут оставлять комментарии.