centrar div

[evoarte]

buenas tardes,

este es un tema muy recurrido, pero en este caso utilizando lo que conozco no funciona, con margin:0px auto;text-align:center no se centran las imágenes.

Código CSS:

.imagenli   {
     clear:both;
     text-align:center;
     margin: 0px auto;
}
.imagendi   {
     position:relative;
     float:left;
     border: 5px solid #fff;
     box-shadow: 0px 0px 5px #aaa;
     margin:0px 25px 5px 0px;
}
 

Código HTML:

<div class="imagenli">
    <div class="imagendi">
        <a class="lightbox" data-rel="lightbox" title="" href="">
            <img alt="" src="" />
        </a>                        
    </div>
</div>
 

un saludo,
josé carlos.

[jorgivaz]

Yo haría algo así:

Código HTML:

<div class="imagenli">
    <div class="imagendi">
        <a class="lightbox" data-rel="lightbox" title="" href="">
            <img alt="" src="http://www.latiendahome.com/resize.php?w=302&src=/productos/colchon-magatechM200.jpg" />
        </a>                        
    </div>
</div> 

Código:

.imagenli   {
     clear:both;
     text-align:center;
     margin: 0px auto;
    width:312px
}
.imagendi   {
     position:relative;
     border: 5px solid #fff;
     box-shadow: 0px 0px 5px #aaa;
}

[evoarte]

buenas tardes,

especificando un ancho para el div imagenli, las imágenes se colocan una debajo de la otra, en lugar de mostrarse una al lado de la otra horizontalmente, pero en cualquier caso no se centran fijando el ancho,

la cuestión es que se está tratando de hacer un diseño responsive, y primero se quieren centrar las imágenes y después mostrar un número determinado según los diferentes anchos.

un saludo,
josé carlos.