Центрировать содержимое по горизонтали на странице

Question

Я хотел бы отобразить весь мой контент в div шириной 800px по центру страницы. Таким образом, все ширины окна браузера учитываются. Как мне это сделать?

Answer 1

Установите ваш div CSS следующим образом:

#container {
  width: 800px;
  margin: 0 auto;
}

Answer 2

Я бы также рекомендовал добавить text-align:left; к контейнеру div и добавить text-align:center; к тегу body. Причина в том, что Internet Explorer 6.0 не будет обрабатывать автоматические поля.

body {
      text-align:center;}

#container {
      margin: 0px auto;
      text-align:left;
      width: 800px;}