Ejercicios

Ejercicio 2/10 || Propiedades de posicionamiento

Para este ejercicio, el ancho de cada caja es de un cuarto (1/4) del ancho total, y tienen 120 pixeles de alto. Al resultado esperado es el siguiente:

Código inicial

#blue {
  background-color: #8D94FF;
  width:30%;  
  height: 50px;
  border: 1px solid #0000B0;  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

#red {
  background-color: #E8B190;
  width:30%;  
  height: 50px;
  border: 1px solid #CC0000;  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

BLUE BOX

RED BOX