La etiqueta <div> </div> es un elemento a nivel de bloque, mientras que la etiqueta <span> </span> es un elemento en línea. Estos dos a menudo se usan cuando se intenta controlar diferentes aspectos de una página web, incluidas imágenes, texto, etc.

La etiqueta <div> crea un salto de línea y, de forma predeterminada, crea una división entre el texto que aparece después de la etiqueta como comenzó y hasta que la etiqueta termina con </div>. Estas etiquetas generalmente son independientes y no deben usarse con las etiquetas <p> </p> (párrafo).

La etiqueta <span> no crea un salto de línea similar a una etiqueta <div>, sino que le permite al usuario separar cosas de otros elementos a su alrededor en una página dentro de la misma línea. Estos se utilizan a menudo para resaltar cierta parte del texto, como colorearlo o ponerlo en negrita. Estas etiquetas se utilizan a menudo dentro de las etiquetas <p> </p>.