Как правильно использовать margin: 0 auto;?

Вот тут есть про это

Выравнивает div по центру

Когда нужно блочный элемент отобразить по центру в другом контейнере

Ситуации простые нужно показать div600 x 400 по центру.
Центровка контейнера по центру

Применяют его для выравнивания тела сайта (body) по горизонтали по центру.

С этим приёмом есть проблемы - JS может не верно вычислять смещение по x-координатам, если неправильно используется стиль position.

margin:auto справляется со своей задачей в браузерах Firefox, Opera, Chromium, Google Chrom и во многих других браузерах. Но в браузере Internet Explorer (IE<8) margin:auto не выравнивает блок по центру.

Для совместимости сайта с браузером IE, в стиль отцентрированного элемента можно добавить инструкцию text-align:center;

#main div{
    display: block;
    margin: 0 auto 0 auto;
    text-align: center;
}