Hola, he intentado centrar una capa justo en el medio de otra, no solo de derecha e izquierda sino tambien de arriba y abajo, pero por algun motivo cuando le doy margin a la capa interior no me funciona el margin de arriba y abajo.


HTML

<div id="capaexterior"><div id="capainterior"></div></div>


CSS

#capainterior {
margin:80px 300px 80px 300px;

height:80px;
width:300px;
background-color: yellow;
font-size:40px;
border-radius:15px;
padding:15px 10px 15px 10px;

}
#capaexterior{
height:240px;
width:900px;
background-color:yellow;
margin:40px 40px 40px 40px;
}