[css] CSSのmax-widthを指定しつつ中央寄せする方法のメモ

.hoge {
  width: 80%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

で

• 幅をウィンドウの80%に
• ただしそれが800pxを越える場合は800pxに
• 余った余白は左右均等に(中央寄せ)

max-widthはIE6だと使えないらしい。IE7以降と他の最近のブラウザなら大丈夫そうです。

margin-left: auto, margin-right: 0pxで右寄せ。