htmlの要素を左右中央に固定する

2011年4月28日

ブラウザのサイズを変えてもコンテンツを左右中央に表示する方法

<body>
  <div id="wrapper">
    <!-- コンテンツ -->
  </div>
</body>

wrapperを左右中央に表示する場合

スタイルで

#wrapper {
  margin-left: auto;
  margin-right: auto;
}