miércoles, 30 de marzo de 2016

Centrar horizontalmente bloques dentro de un bloque contenedor

Problema: Queremos tener una lista de bloques ("elementos_a_centrar") dentro de un contenedor, que estén centrados respecto a ese contenedor.
Solución: Metemos los "elementos_a_centrar" dentro de un contenedor auxiliar ("contenedor_auxiliar") con el estilo:

.contenedor_auxiliar {
   float: right;
   position: relative;
   left: -50%; /* ó right 50% */
}

A los "elementos_a_centrar" les asignamos el estilo:

elementos_a_centrar {
   position: relative;
   left: 50%;
}

Referencia a la solución original, con ejemplo: http://codepen.io/alexandredees/pen/ojaFr

No hay comentarios :

Publicar un comentario

Ay payo, coméntame algo, porfa...