Cómo crear un elemento de caja usando solo CSS
Demasiado Largo; Para Leer
El modelo de caja es el componente básico de CSS. Consta de: Contenido (alto y ancho), Relleno, Borde, Margen, Relleno y Margen. Estos son todos los elementos que necesita el navegador para representar un modelo de caja. Con CSS podemos controlar cada uno de ellos individualmente con CSS. La diferencia entre los elementos a nivel de bloque y en línea es el hecho de que los elementos de bloque ocupan el 100 % del ancho del contenedor, mientras que los elementos en línea solo ocupan la cantidad de espacio que necesita el contenido.