Diferencia entre un <div> y un <span> ?

Diferencia entre un <div> y un <span> ?

Un div es un contenedor de bloque, y span es un contenedor de línea.

Es muy sencillo….

Esto quiere quiere  decir?, pués que un span puede estar insertado en el medio de una línea y en cambio un div provocaría un salto de línea en el mismo contexto.

Ejemplo de comportamiento:

Mi coche es de color <span style="color: red">rojo</span> y es muy pequeño

Eso se visualizará así

Mi coche es de color rojo y es muy pequeño

En cambio lo mismo con div….

Mi coche es de color <div style="color: red">rojo</div> y es muy pequeño

se visualizará así

Mi coche es de color rojo

y es muy pequeño

(quedaría con salto de línea)

Si a un div se le aplica un display: inline se comportará como un span y si a un span  se le aplica un display: block se comportará como un div

Espero haberte ayudado…

Esta entrada fue publicada en Css, Programación. Guarda el enlace permanente.

Una respuesta a Diferencia entre un <div> y un <span> ?

  1. Candie dice:

    Thanks for sarhing. What a pleasure to read!

Los comentarios están cerrados.