les dejo el código css por si lo quieren ejecutar todo y ver la idea.
Código CSS:
Ver original#titulo{
text-align: center;
text-decoration: #f12e02;
color: #f12e02;
font-size: xx-large;
font-weight: bold;
padding-bottom: 30px;
}
#general {
background-color: #d1ff87;
margin-bottom: 10%;
margin-left: 15%;
margin-right: 15%;
margin-top: 3%
}
#principal{
background-color: #ffd90f;
border: 7px;
border-style: solid;
border-color: #d1b270;
width: 100%;
height: 100%;
padding: 10px;
border-radius: 10px;
}
#encabezado{
font-size: large;
text-align: center;
float: top;
padding: 15px;
padding-bottom: 20px;
}
#ejemplo{
background-color: #f5fa11;
border: 5px;
border-style: solid;
border-color: #c8c8c1;
width: 40%;
height: 50%;
padding: 10px;
float: left;
margin-left: 5%;
border-radius: 10px;
}
#ejercicio{
background-color: #f5fa11;
border: 5px;
border-style: solid;
border-color: #c8c8c1;
width: 40%;
height: 50%;
padding: 10px;
float: right;
margin-right: 5%;
border-radius: 10px;
}
#pie{
clear: both;
text-align: center;
padding: 15px;
padding-bottom: 20px;
}
#ejercicioSuperior{
float: top;
}
ercicioInferior{
clear: both;
}