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.