BLOQUES y Elementos EN LINEA en HTML

Bloques y elementos en línea

Todos los elementos HTML tienen un valor de visualización predeterminado según el tipo de elemento que sea. 

Los dos valores de visualización son: block e inline.

Bloques

Un elemento de nivel de bloque siempre comienza en una nueva línea y ocupa todo el ancho disponible (se extiende hacia la izquierda y hacia la derecha tanto como sea posible).

En línea

Un elemento en línea no comienza en una nueva línea y solo ocupa el ancho que sea necesario.

El elemento <div>

El elemento <div> se usa a menudo como contenedor para otros elementos HTML.

El elemento <div> no tiene atributos obligatorios, pero style, class e id se suelen usar.

See the Pen HTML | 1.13 - Bloques y elementos en línea - div by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

El elemento <span>

El elemento <span> a menudo se usa como contenedor para textos.

El elemento <span> no tiene atributos obligatorios, pero style, class e id se suelen usar.

See the Pen HTML | 1.13 - Bloques y elementos en línea - span by Francisco Palomares Barrios (@kikopalomares) on CodePen.

¿Quieres más?

Si estás interesado en el mundo de la programación y el desarrollo web, te recomiendo que te suscribas a mi canal de youtube donde tienes mucho más contenido gratuito

IR AL CANAL

¿Quieres convertirte en desarrollador web? [GRATIS]

Déjame aquí tu mejor email y te mandaré un curso para que puedas empezar en el desarrollo web totalmente GRATIS!

¡Prometo no enviarte SPAM! Sólo cosas relevantes que te interesen.