Salve, nonostante il problema sia trattato nel forum, le soluzioni proposte non risolvono il mio caso...

Ho una serie, destinata a crescere, di div accomunati dalla medesima classe, sono dei riquadri con dentro un'immaginetta e un testo.
Desidero che questi div siano centrati a riempire la riga del loro contenitore, conservando però un margine fisso tra essi, e che nell'ultima riga siano centrati anche se non la occupano tutta.
Attualmente ho impostato le cose così, seguendo un po' di riferimenti ed esempio:
codice:
.articolo { // il generico contenitore della pagina
    width: 694px;    float: left;
    text-align: center;
    padding: 2px 7px;
    background: inherit;
    clear: both;
}

.flottati { // i vari div affiancati
    float: left;
    margin: 5px;
    padding: 3px;
    width: 118px;
    text-align: center; 
    border: 1px solid;
}
Ho anche tentato vie brutali, tipo il vecchio
codice:
<center></center>
ma senza ottenere alcun cambiamento; i .flottati restano addossati a sinistra, con conseguente pessimo risultato in visualizzazione da smartphone...