[css] ul 置中方法（用於使用 li 設計的選單）

用 li 設計的選單，水平排列的話一定會用 float:left 去改變原來的屬性。問題來了，這樣子浮動的物件怎麼讓它可以置中呢？
依照這個範例：

<div id=”nav”>
<ul>
<li>123456789</li>
<li>abcdefghi</li>
</ul>
</div>

大部分人想到就是設 #nav { text-align:center; }，或是讓 ul 去做 margin: 0 auto;  但它還是不動，因為它的父層有可能沒有設定固定寬度呀。

因此我們要用另一種小技巧來讓它左右各移動一次，完成我們的選單置中。
方式如下：
#nav{
float: right;
left: -50%;
position: relative;
}
#ul{
float:left;
left: 50%;
position: relative;
}