Método 2: Centrado Vertical

Método 2:

El código CSS de este bloque es el siguiente:

#contenedor {
margin-top : 10%;
margin-bottom : 10%;
position : relative;
border : 1px solid navy;
width : 60%;
margin-left : auto;
margin-right : auto;
padding : 1em;
background : rgb(240, 255, 255);
}
#contenido {
top : 10%;
bottom : 10%;
position : absolute;
width : 50%;
border : 1px solid black;
background : #ffd12e;
}

Probá aumentar la altura del contenedor:
- Aumentar
- Disminuir
(valor actual: )