Empty Title

用 li 設計的選單，水平排列的話一定會用 float:left (right)去改變原來的屬性。

<div id="nav">
<ul>
<li>項目1</li>
<li>項目2</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;
}