Como centrar una capa dentro de otra con css

Para centra una capa dentro de otra, tenemos que fijar unos estilos determinados a el div para poder centrarlo.
Necesitamos tener el margin:auto, y width:50% en la capa que queremos centrar dentro de la otra.

 

Es una forma facil de centrar una capa dentro de otra, se suele utlizar por ejemplo para entrar la pagina dentro del navegador, sea cual sea el ancho de la pantalla o navegador que tengamos.

<style>
#contenedor {
background-color: #009900;
height:300px;
width:589px;
text-align:center;
}
#contenido {
background-color: #FF9900;
height: 50px;
margin: auto;
width: 300px;
text-aling:center;
}
</style>
<div id="botones">
<div id="contenedor">capa contenedor
  <div id="contenido">capa contenida</div>
</div>
</div>

capa contenedor
capa contenida