Mostrando entradas con la etiqueta patterns. Mostrar todas las entradas
Mostrando entradas con la etiqueta patterns. Mostrar todas las entradas

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