Skip to main content

Si lo que andas buscando es un código CSS que distribuya una cantidad de elementos con ancho responsive equitativamente sobre una caja superior con un ancho responsive, este es el lugar indicado.

El código para realizar esto es super simple y se encuentra aquí.

 

*Los elementos UL y LI pueden ser reemplazados por los tags, clases o ID que quieras. Lo importante es que las cajas interiores a distribuir son LI y la caja superior sería UL.

HTML

<ul>
 	<li>1</li>
 	<li>2</li>
 	<li>3</li>
 	<li>4</li>
</ul>

CSS

ul {
text-align: justify;
}
ul > li {
width: 28em; /* Declare your value. Can be in relative units. */
display: inline-block;
vertical-align: top;
margin-bottom: 25px;
min-height: 310px;

/* IE fix. */
*display: inline;
zoom: 1;
}
ul:after {
content: "";
width: 100%;
display: inline-block;
}
Escríbenos
Hola! En qué podemos ayudarte? Necesitas información sobre algún servicio?