Aiuto centrare DIV

Ciao @mrpress01,

Perchè non dai uno sguardo a https://css-tricks.com/snippets/css/a-guide-to-flexbox/ flexbox ti permette di allineare gli elementi verticalmente o orizontalmente, è molto ben supportato ormai, IE10 implementa una versione meno recente della specifica come poi vedere da https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx ma comunque abbastanza buona https://caniuse.com/#search=flexbox anche css grid che in realtà ti permette di creare griglie molto più avanzate, non supportato ancora da versioni meno recenti di IE https://caniuse.com/#search=grid ma comunque è il futuro con cui si costruiranno le griglie.

In definitiva io ti direi di provare flexbox che fa prioprio al caso tuo.

Il problema che hai con la tua soluzione è dovuto dai margins dati sia a destra che a sinistra, inoltre il contenuto non è centrato perchè non definisci alcuna regola come ad esempio text-align: center. Un’altro problema con i margins è che a differenza dei paddings sono più rigidi e potrebbero portare in modo inaspettato del contenuto in una nuova riga. Inoltre l’uso dei px sarebbe da evitare, ad oggi le unità di misura che si usano sono unità di misura relative: rem, em, % che ti consiglierei di approfondire.

Direi quindi che nel tuo caso si potrebbe sfruttare qualcosa del genere: https://jsfiddle.net/Lp7cjmez/ ovviamente non ha spazi tra sinistra e destra le colonne.

Se dovessi usare dei gutter tra le colonne allora dovresti predisporre l’uso di un margin negativo orizontale al container, tale che ad ogni article verrà dato il gutter a destra e sinistra ed il container otterrà un margine negativo a destra e sinistra della stessa quantità del gutter dato ad una singola colonna, in questo modo il blocco del container sarà a filo con il contenitore e non avrai i margini aggiuntivi dati dalle colonne ed inoltre tutte le colonne risulteranno della stessa larghezza.