Block-level elements are those that occupy a complete line to display their content. When you tag a <div> element, it opens on a new line and takes up the full width of the entire line, just like all block-level elements.
There are some common block-level elements:
<div>, <p>, <h1> to <h6>, <ul>, <ol>, <li>, <table>, <section>, <article>
Example:
<div>This is a block-level element.</div>
<p>This is a paragraph.</p>
<h1>This is a heading.</h1>
Output:
In the above three lines, each example belongs to a different block-level element, and each element starts on a separate line, occupying the full width.