Centrar un div dentro de otro

Centrar un div dentro de otro

No hay comentarios en Centrar un div dentro de otro

Centrar un div o capa dentro de otro div o capa es algo muy sencillo que no todo el mundo sabe hacer de manera automática de modo que aquí les pongo un ejemplo:

#contenedor {
background-color: #009900;
height: 100px;
}
#contenido {
background-color: #FF9900;
height: 50px;
margin: auto; /* esto es para centrar pero hay que indicar un ancho obligatoriamente */
width: 50%;
}

 

<div id="contenedor">Capa contenedor
  <div id="contenido">Esta capa se centra dentro del contenedor</div>
</div>

Sobre el autor

Ingeniero informático especializado en programación web, dedicado al diseño de páginas web, tiendas online, aplicaciones a medida. Trabajo con PHP, MySQL, Javascript, Jquery, Bootstrap, HTML, CSS, Prestashop y Wordpress.

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Sígueme en

Volver arriba