Question

¿Qué diferencia existe entre div y span?, A veces los dos me funcionan igual y no se cómo elegir entre uno y otro.

Answer 1

div es un elemento de tipo bloque mientras que span es de tipo inline.

Los elementos bloque se usan para envolver grandes secciones en un documento, mientras que los de tipo inline son para envolver porciones pequeñas, que no ocupan un bloque del layout, (texto, imágenes, etc...)

Ejemplo:

<div>Lorem ipsum <span>lorem</span> ipsum!</div>

Answer 2

El elemento <div> es un elemento de bloque que se suele utilizar como contenedor para agrupar otros elementos HTML.

Como elemento de bloque que es producirá un salto de línea antes y después de el.

Cuando se utiliza junto con CSS, el elemento <div> se puede utilizar para establecer el estilo de un bloque entero de contenido.

El elemento <span> es un elemento en línea cuyo uso mas común es dar estilo junto con CSS a partes de un texto, como por ejemplo poner un párrafo de otro color.