Como centrar tres capas que tiene un float:left

[Shawty]

Me he tomado la libertad de hacer alguna prueba y he conseguido que funcione :P

Provadlo siguiendo éste código o sinó haced un html aparte y copiar y pegad esto:

Código HTML:

<style>
.padre{
	margin:0 auto;
	width:660px;
	text-align:center;
	background:lightblue;
	padding:50px;
}
.cuadro{
	width:100px;
	height:100px;
	display:inline-block;
	background:red;
	margin-left:5px;
	margin-bottom:5px;
}
</style>
<div class="padre">
    <span class="cuadro"></span>
    <span class="cuadro"></span>
    <span class="cuadro"></span>
    <span class="cuadro"></span>
    <span class="cuadro"></span>
    <span class="cuadro"></span>
    <span class="cuadro"></span>
    <span class="cuadro"></span>
    <span class="cuadro"></span>
    <span class="cuadro"></span>
</div>