このサイトのレイアウトもそうですが、HTMLでセンタリング(中央揃え)したいことってあります。
自分のスマホのブラウザでこのサイトを見たら、両サイドが見切れてました。
幅に対してブラウザの余白を求めて、その半分が画面の中央にくるようにしていたので表示しきれなかったのでしょう。

なんでそんな面倒なことをしていたかというと、その方法しか思いつかなかったからです。
センタリングってず〜っと、

　text-align:center;

だと思っていました。
この方法だと文字もセンタリングになってしまうので、個別に文字を左寄せにするのを書かないといけないのです。
全部対応するかと思うと相当大変だと思い、スマホで見るのを諦めようかと思ったのですが、調べてみたら、

　margin-left:auto;margin-right:auto;

これでいいんですね。(IE6では動かないけど)
知らなかった〜、勉強になった〜:-o
あまりの知識の無さに、愕然としてしまいます。。。
小さなことから積み重ねて行こうっと。

合わせて読みたい・・・。
http://w3g.jp/webstandards/hack/css_block_control