В CSS контент, который участвует в макете блока, называется контентом уровня блока .
В блочной компоновке блоки располагаются один за другим по вертикали, начиная с верха содержащего блока. Левый внешний край каждого блока касается левого края содержащего его блока. Элемент уровня блока всегда начинается с новой строки. В режимах горизонтального письма, таких как английский или арабский, он занимает все горизонтальное пространство своего родительского элемента (контейнера) и вертикальное пространство, равное высоте его содержимого, тем самым создавая «блок».
Примечание. Вышеописанное поведение макета блока меняется, если для содержащего блока writing-modewriting-mode установлено значение, отличное от значения по умолчанию.
Примечание. Элементы HTML ( язык гипертекстовой разметки ) исторически классифицировались как элементы «блочного уровня» или «встроенные» элементы. В качестве характеристики представления это теперь определяется CSS.
В этом примере два <p>элемента абзаца ( ) помещаются в файл
.
<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.