Lesson 9 - HTML block and inline elements

There are two main ways in which elements can be displayed in HTML: Block or inline

Block-level elements

Block-level elements begin on a new line and take up the full width of the containing element. Some examples of block-level elements include:

<div> <form> <p>

Inline elements

Inline elements don’t begin on a new line and only take up as much width as the element requires. Some examples of inline elements include:

<span> <img> <a>

div tags are generally used as containers for other HTML elements whereas span tags are generally used as containers for text.