Varias etiquetas HTML sirven para “contener” dentro de ellas a otras etiquetas. Se pueden clasificar en dos tipos:

Contenedores de bloque (blocks)

Se inician en una linea nueva, esto es, cogen todo el ancho que tengan disponible. Ejemplo:

<div>

<h1> .. <h6>

<p>

Más información: https://www.mclibre.org/consultar/htmlcss/html/html-bloques.html

Contenedores de línea (inlines)

NO inician una linea nueva. Cogen solo el ancho que necesitan. Ejemplo:

<span>

<a>

<b>...<i>...<u>...

<image>

Más información: https://developer.mozilla.org/es/docs/Web/HTML/Inline_elements

Etiquetas span y div

Es habitual confundir el uso de span y div. Con lo antedicho, los div (tambien se llaman vulgarmente capas o cajas) son apropiados para agrupar elementos (incluso es recomendable su uso), y los span se suele usar para aplicar estilos.