Principalmente existen 2 modelos, los de caja y los de bloque
Y estos pueden ser manipulados mediante la propiedad display dentro del selector
Ocupan el 100 por ciento del ancho disponible de su contenedor algunos elementos de bloque son el div, p o h1
como vemos al usar el inspector de archivos logramos ver el elemento ocupa toda la linea del contenedor
Estos elementos tambien tienen la propiedad de empujar el contenido adyacente hacia abajo, es decir hacen
o forzan un salto de linea
Estos elementos no crean saltos de linea y podemos colocar elementos adyacentes, ejemplos de estos elementos son:
span, a, string
A los elementos en linea no les aplica la propiedad height ni width, estos varian su tamaño de acuerdo a
su contenido interno
Existen dos tipos mas de cajas mas especificas y que permiten muchas funcionalidades y son bastante usadas son:
flex (Flexbox box) y grid (Grid box), pero las veremos mas adelante o en otro repo :-D