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...