Essendomi trovato ad affrontare il problema per un lavoretto personale e avendo trovato la soluzione, mi piace condividerla.
Il problema: riuscire a centrare una serie di riquadri (div) all'interno di un elemento parente a sua volta centrato sulla pagina e con larghezza fissa. Roba da float, si direbbe, ma mi sono ricordato generic cialis a un certo punto di un vecchio post che avevo scritto a proposito della proprietà inline-block
.
Una veloce ricerca su Google mi ha portato su su questo tutorial: esattamente quello che cercavo (con qualche lieve differenza). Ecco la demo.
La tecnica utilizza la dichiarazione inline-block
sui quattro div da centrare, ma la magia, quella che consente ai quattro box di essere centrati e distribuirsi in maniera uniforme avviene sulle dichiarazioni CSS dell'elemento parent. Basta sfruttare alcune proprietà prettamente tipografiche come text-align
e soprattutto letter-spacing
. Magari non sarà ortodosso, ma funziona :).