Para centrar una caja debemos establecer tanto los márgenes izquierdo y derecho como
¨auto¨. Esto nos permite que el navegador calcule los márgenes necesarios a ambos lados de la caja. Lo podemos usar para centrar un div en la página o dentro de otro elemento.
CSS:
#centrar_caja {
width: 300px;
margin-left: auto;
margin-right: auto;
border: 2px solid #CCC;
padding: 0 20px 0 20px;
}