Ejercicio 0

Configurar el cuadrado verde con:

1. Padding de 40px superior e inferior y 20px izquierda y derecha.
2. Borde rojo de 20px superior e inferior y 40px izquierda y derecha.
3. Margin de 10px en todos los lados.

Ejercicio 1

Convertir el cuadrado rojo en un círculo y posicionar en el centro del cuadrado amarillo.

No usar margins ni paddings.

Ejercicio 2

Posicionar el cuadrado rojo en el centro del rectángulo amarillo.

Tener en cuenta que al achicar el viewport se debe mantener centrado horizontalmente.

Ejercicio 3

Mostrar los cuadrados en la misma línea, uno al lado del otro.

Intentar que no queden espacios entre los cuadrados.

Ejercicio 4

Centrar el texto horizontal y verticalmente dentro del cuadrado amarillo.