解 説

グローバルナビなどのナビゲーションを中央揃えにする方法です。
ナビゲーションが固定幅なら両サイドのマージンをautoにすれば済みます。
ナビゲーションを中央揃えにするサンプル
CSSコード

HTMLコード

けれども、計算が面倒だったり、幅を固定しない場合など困ったことになります。

positionを使用する方法

この方法は、ナビゲーション全体(ul)をpositionを使用してナビゲーションの親要素のleft:50%の位置に配置します。これではナビゲーション(ul)の左端が親要素の50%に位置します。そのため、更にナビゲーションの中の各liに対してleft:-50%とするとli要素群の中心が親要素のleft:50%の位置に来てくれます。
ナビゲーション関連の全ての要素にposition: relativeを指定することがポイントです。
nav_center

positionを使用する方法のサンプル
CSSコード

HTMLコード