There is one last thing about box models. In HTML, there is what we call block elements and inline elements.
Block elements: It uses the full width of the browser and always starts on a new line. You can see them as blocks you need to pile one after another. Headings and paragraphs are some examples of block elements.
Examples of block-level elements:
- <div>
- <h1> - <h6>
- <p>
- <form>

Block elements are represented in red boxes
Inline elements: Inline elements don't start on a new line and only take up as much width as necessary. Look at this example of the blue elements:

Inline elements are represented in blue boxes
The following are examples of inline elements:
- <span>
- <a>
- <img>