Как центрировать обёртку div, а не содержимое

Question

Я хочу, чтобы моя страница всегда центрировалась в браузере, не затрагивая контент (как align-text: center; делает).Я хочу центрировать свою упаковку-div. Как мне это сделать?

Упрощенная существующая страница:

<div id="wrapper">       
    <div id="header">
        Music Heaven
    </div>
    <div id="topmeny">             
    </div>
    <div id="menu">        
    </div>        
    <div id="content">                  
    </div>           
    <div id="bottom">
        SiteAdmin
    </div>
</div>

Вся скрипка: http://jsfiddle.net/EndQb/

Answer 1

 #wrapper {
     width: ...
     margin: 0 auto;
 }

нет необходимости устанавливать выравнивание текста

Answer 2

Установите свой стиль, например, для div-обертки.

#wrapper {

width: 841px;
margin: 0 auto;

}

Таким образом, div-обертка всегда будет центрирован в соответствии с шириной вашего экрана.Надеюсь, это поможет.

Answer 3

вы можете установить свойство margin для div-оболочки, как показано в CSS

#wrapper { margin:20px auto }