Ejercicio propuesto: Jugando con el modelo de cajas

Esta es una caja de 250x200px con un borde rojo de 5px y un fondo gris claro, un relleno de 10px y un margen de 25px.

Esta es una caja de 300x200px con un borde verde de 7px, fondo gris, color de texto blanco, relleno de 5px y margen de 0px.

Esta es una caja de 250x200px con un borde rojo de 5px y un fondo gris claro, un relleno de 10px y un margen de 25px.

Esta es una caja de 300x200px con un borde verde de 7px, fondo gris, color de texto blanco, relleno de 5px y margen de 0px.

Esta es una caja de 250x200px con un borde rojo de 5px y un fondo gris claro, un relleno de 10px y un margen de 25px.

Ejercicio propuesto: Márgenes personalizados

Esta es una caja con 50% de ancho y 10px desde la parte superior e izquierda dentro de un contenedor

Esta es una caja con 50% de ancho y 10px desde la parte superior y 50px a la izquierda dentro de un contenedor

Esta es una caja con 50% de ancho y 10px desde la parte superior y 100px a la izquierda dentro de un contenedor

Esta es una caja con 50% de ancho y 10px desde la parte superior e izquierda dentro de un contenedor

Esta es una caja con 50% de ancho y 10px desde la parte superior y 50px a la izquierda dentro de un contenedor

Esta es una caja con 50% de ancho y 10px desde la parte superior y 100px a la izquierda dentro de un contenedor

Esta es una caja sin relleno

Esta es una caja con 25px de relleno

Esta es una caja con 50px de relleno

Esta es una caja sin relleno

Esta es una caja con 25px de relleno

Esta es una caja con 50px de relleno

Esta es una caja con diferentes tipos de bordes

Esta es otra caja con diferentes tipos de bordes

Esta es una caja con diferentes tipos de bordes dentro de otra caja

Estas son cajas dentro de cajas

Esta es una caja con diferentes tipos de bordes

Esta es otra caja con diferentes tipos de bordes

Esta es una caja con diferentes tipos de bordes dentro de otra caja