Block, Inline, and Inline-Block

Every element in HTML has a display type, which decides how it behaves on the page. The three most common types are block, inline, and inline-block.

Block Elements

A block element takes up the entire width of the page by default, even if the content inside is small. It always starts on a new line.

Common block elements include: <div>, <p>, <h1> to <h6>, <section>, and <article>.