Центрирование сайта является ключевым элементом многих CSS макетов.

Хотя Есть много способов сделать это в различных ситуациях, следующее объяснение, что это чисто CSS, избегает баловаться с проценты, и совместим со всеми современными браузерами.

У меня вошло в привычку (и вам советую) в начале сбрасывать все значения по умолчанию margins и padding , которые выставляют браузеры.

Браузеры имеют по умолчанию таблицы стилей, которые загружаются автоматически, в качестве основы для любых CSS. Firefox, например, имеет по умолчанию body margin 8px.

Это простой способ сбросить какие-либо значения по умолчанию, которые могли вмешаться в CSS, который мы пытаемся написать.

Более обширный "Reset" стиль здесь, но мы сбросим только основное, что бы сократить код до минимума.