Occhio che margin:0 auto; serve solo a centrare il contenitore orizzontalmente nella pagina (in pratica dici al browser: "Applica un margine pari a 0 sopra e sotto all'oggetto e invece metti un margine automatico (uguale) ai lati").
Centrare i 3 elementi al suo interno invece è una cosa diversa... La soluzione che ti è stata proposta funziona e va benissimo ma, spero che l'autore mi perdonerà la precisazione, è empirica! Nel senso che i 3 riquadri appaiono centrati perché sono uno affiancato all'altro con il primo che parte a sinistra di 100px ,e siccome ciascuno è largo 200px e il contenitore 800px... ne risulta che a destra avanzano 100px, e appaiono al centro.

Lo stesso risultato avresti allora potuto ottenerlo con i posizionamenti assoluti, che anzi..a livello concettuale sono anche più intuitivi... Il problema di queste 2 tecniche però, è che se cambi una larghezza, sei costretta a ricalibrare tutti i posizionamenti....

Magari ti va già bene così ma... credo sia stato utile sottolinearlo