El elemento <div> - Contenedor de bloque
Los elementos DIV y SPAN, junto con los atributos id y class, ofrecen un mecanismo genérico para añadir estructura a los documentos.
Estos elementos especifican si su contenido es en línea (SPAN) o en bloque (DIV), pero no imponen ningún otro estilo de presentación al contenido.
Así, los autores pueden usar estos elementos junto con hojas de estilo, el atributo lang, etc., para adaptar el HTML a sus propios gustos y necesidades.
Este párrafo está dentro de un <div>. El DIV es un contenedor de bloque: ocupa todo el ancho disponible y genera salto de línea antes y después.
El elemento <span> - Contenedor en línea
A diferencia del DIV, el SPAN es un contenedor en línea: no genera salto de línea y solo ocupa el espacio de su contenido. Es útil para aplicar estilos o identificar partes específicas de un texto.
Comportamiento después del <div>
Texto añadido después del tag DIV. Produce salto de línea pero no deja una línea en blanco adicional.