Ciao a tutti.
Volevo chiedervi una cosa che non mi riesce: ho questo codice:

.photos {float:left; margin-right:10px; margin-bottom:10px; }
.photos a {display:block; width:107px; height:70px; padding:10px; border:1px solid #c7cbd8;}
.photos a:hover {border:1px solid #cf0202;}

in pratica sono blocchetti di testo che si flottano, che contengono immagini linkate.
Io vorrei che ogni immagine stesse al centro del box photos, ma non ci riesco. Ho provato a mettere text-align:center da tutte le parti, ma non ho trovato la soluziopne. Da qualche parte ho letto che il display:block allinea tutto a sinistra.. COme posso fare ad allineare il contenuto al centro?