La domanda presenta varie ambiguita`, per cui la risposta potrebbe essere non applicabile al problema specifico.
Anzitutto un blocco non si centra con il text-align (salvo in qualche vecchio IE5.5 e/o se si usa IE in modo retrocompatibile).
Provo a scrivere un
codice:
HTML:
<div id="contenitore">
<div id="centrato">
<div class="flottato"> uno </div>
<div class="flottato"> due </div>
<div class="flottato"> tre </div>
<div class="flottato"> qua </div>
</div>
</div>
CSS:
#contenitore {
width: 500px; /* necessario definire la larghezza */
background: pink; /* gli sfondi sono solo per capire cosa succede - vanno lasciati per le prove */
}
#centrato {
margin: 0 auto;
overflow: hidden; /* "chiude" i float */
background: red;
}
.flottato {
float: left;
width: ...; /* non necessario, ma a volte aiuta */
margin: 2px; /* un po' di aria tra i blocchi - non serve, ma a me piace cosi` */
background: green;
}