Centrar varios divs dentro de otro div

[phyronx]

Buenas!

Tengo varios divs con una imagen de contenido cada uno, y estos estan dentro de de otro div.

Necesito que esten en la misma linea horizontal, asi que le puse float:left.

Pero tambien necesito que esten todos centrados respecto al div contenedor. En el centro de ese div vamos.


He provado con margin: 0 auto, i text align, pero nada...

Ahora por ultimo prove ponerle al contenedor display:block i a los divs de cntenido display:inline-block; , pero tampoco funciona..

Haber si me podeis ayudar! gracias!!

[Linton]

Es fácil, pones margen por un lado a los div interiores, y al div de la izquierda o al de la derecha le das una class para ajustar. Supongamos que son varios divs y marcas el de la derecha class="dcha":

Código CSS:

div div {
     margin-left: 30px;
}
 
.dcha {
    margin: 0px 30px 0px 30px;
}
 

Saludos.

[pzin]

Lo más fácil es usar display: inline-block y luego usar text-align: center en el elemento contenedor.

Otra opción, si quieres tenerlos flotados, es usar alguna combinación con translateX(), pero ya habría que ver un poco cómo tienes el código.