Centralizando div com margem automatica

Vamos aprender a centralizar uma div ?

Podemos utilizar a técnica das margens automáticas, basta setar a propriedade margin-left e margin-right com o valor auto. No exemplo eu utilizei o atalho margin: 0 auto;.

O código abaixo…

<div class="foo">Foo</div>

div.foo {
    margin: 0 auto;
    ...

…gerará o seguinte resultado:

Foo