Justificar DIVS

Buenas gente,

necesito ayuda para justificar unos divs que se generan solos con PHP,

yo recibo esto:

Código HTML :

<section id="contenedor">
<div class="imagen" style="width: 254px;"><img src="" />254</div>
<div class="imagen" style="width: 300px;"><img src="" />300</div>
<div class="imagen" style="width: 300px;"><img src="" />300</div>
<div class="imagen" style="width: 118px;"><img src="" />118</div>
<div class="imagen" style="width: 300px;"><img src="" />300</div>
<div class="imagen" style="width: 300px;"><img src="" />300</div>
<div class="imagen" style="width: 213px;"><img src="" />213</div>
<div class="imagen" style="width: 300px;"><img src="" />300</div>
<div class="imagen" style="width: 300px;"><img src="" />300</div>
<div class="imagen" style="width: 300px;"><img src="" />300</div>
</section>

con este css:

Código CSS :

#contenedor {
   width:1200px;
   left: 50%;
   margin-left: -600px; 
   height:100%; 
   margin-bottom:-30px; 
   min-height: 100%; 
   height: auto !important;
   position: absolute;
   background-color: rgba(0,0,0,0.3);
   padding: 10px 10px 10px 10px;
}
.imagen {
   background-color: #fff;
   padding: 15px 15px 15px 15px;
   text-align: center;
   color: black;
   float:left;
   margin-left: 30px;
   margin-bottom: 30px;
}

como puedo hacer para que se justifiquen los divs solos??

No puedo editar, dejo fiddle aki

http://jsfiddle.net/D62L8/

en la clase imagen pone lo siguiente:

.imagen {
background-color: #fff;
padding: 15px 15px 15px 15px;
text-align: center;
color: black;
float:left;
margin: 0 auto; /*******************************************************/
margin-left: 30px;
margin-bottom: 30px;
}

espera, creo que no entendí, queres poner los divs alineados al medio o justificar el texto que tienen adentro?