4.1 Block Elements

Definition: Block elements take the full width of the page and always start on a new line.

<div> <p> <h1> to <h6> <table> <section>
Paragraph One (Full Width)
Paragraph Two (New Line)

4.2 Inline Elements

Definition: Inline elements take only the required width and do not start on a new line.

<span> <a> <img> <strong>

This is inline text in a sentence.

The Difference

Feature Block Elements Inline Elements
Width 100% (Full Width) Auto (Only what's needed)
New Line Always starts on a new line Stays on the same line
Example <div>, <p> <span>, <a>