In CSS, content that participates in block layout is called block-level content.
In a block layout, boxes are laid out one after the other, vertically, beginning at the top of a containing block. Each box's left outer edge touches the left edge of the containing block.
A block-level element always starts on a new line. In horizontal writing modes, like English or Arabic, it occupies the entire horizontal space of its parent element (container) and vertical space equal to the height of its contents, thereby creating a "block".
Note: HTML (HyperText Markup Language) elements historically were categorized as either "block-level" elements or "inline" elements. As a presentational characteristic, this is now specified by CSS.
<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>) elements are block-level by default. That is why they are displayed in block layout: