[SOLUCIONADO] Centrar un div dentro de otro

[mblascog]

Buenas.
Tengo un div general, y dentro de él, voy creando un div por cada imagen que encuentro en un directorio.
De los div's que voy creando tengo asignado un ancho máximo, de manera que según el ancho del navegador, cabrán 2, 3, 4 por línea.
Mi pregunta: como hacer que estos div's, los 2, 3 o 4 por línea queden centrados? Ahora me quedan a la izquierda.

Código PHP:

<div id=div1>
<?php
    $directorio = opendir('./img/thumbs');
    while ($img = readdir($directorio)) { 
        if ($img != "." && $img != "..") { ?>
            <div class="class1">
                <img src="<?php echo URL."$img; ?>"/>
            </div>
<?php       }
    }
    closedir($directori);
?>
</div>
 

Código CSS:

#div1 {
    width:100%;
    float:left;
}
.class1 {
    float:left;
    max-width:235px;
    height:160px;
    border:1px solid #D9D9DB;
    background:#D4D4D4;
    margin:1%;
}
.class1 img {
    margin-right:1%;
    height:100%;
    width:100%;
    padding:2%;
}
 

Gracias

[pzin]

Lo más fácil sería usar inline-block en lugar de flotarlos y usar un alineado de texto en el padre para centrar el contenido.

Se podría incluso centrar elementos flotados, pero ya requiere de algo más de código y alguna pirulilla.

[mblascog]

Gracias pzin por tu respuesta.
He hecho lo que has dicho:
- añadir text-align:center al padre, és decir, en el div1
- sustituir float:left por display:inline-block a las subcapas, class1.
Y perfecto.