El bloque ocupa todo el ancho disponible, crea una línea invisible nueva antes y después de sí mismo, puede contener otros elementos de bloque y en línea, y también tiene control total sobre los tamaños (width, height).

El en línea ocupa solo el ancho necesario, no crea una nueva línea, solo puede contener otros elementos en línea y texto, y también ignora los cambios de tamaño a través de width y height (solo se aplican padding y margin horizontales).

Ejemplos:

Bloques: div, p, h1, section. En línea: span, a, strong, em.

Anterior Siguiente