ナビゲーションを水平に整列させて中央に配置する方法は？

Question

私はdivの中にナビゲーションリンクを集中させ、水平に整列させる必要があります。私はこのアプローチを試みましたが、うまくいきませんでした。

#centermenuで前回のエラーを修正しましたが、おかげで、stilは機能しません。

  <nav id="centermenu"> 
        <ul> 
         <li><a href="#">Business</a></li> 
         <li><a href="#">Specialities</a></li> 
         <li><a href="#">Contact us</a></li> 
        </ul> 
      </nav> 

CSS：

#centermenu { 
float: left; 
width: 100%; 
border-bottom: 2px solid #011; 
background: #ffe; 
overflow: hidden; 
position: relative; 
} 

#centermenu ul { 
float: left; 
clear: left; 
position: relative; 
list-style: none; 
display: block; 
text-align: center; 
} 


#centermenu ul li { 
display: block; 
float: left; 
list-style: none; 
margin: 1em; 
padding: 1em; 
} 

おかげ

Answer 1

UL-部でのタイプミスがあるようです。

Cetermenu ul 

代わりにオフ

Centermenu ul 

編集：

以下は私のために働くようです。たぶん、他のタグを1つずつ追加して、それが壊れているのを確認してください。

#centermenu { 
float: left; 
width: 100%; 
    text-align: center; 
border-bottom: 2px solid #011; 
background: #ffe; 
overflow: hidden; 
position: relative; 
} 

#centermenu ul { 
margin: 2 auto; 
display: block 
} 


#centermenu ul li { 
display: inline; 
text-align: center; 
margin: 1em; 
padding: 1em; 
} 

Answer 2

変更左手の50％から25％

http://jsfiddle.net/ZW9Qp/

#centermenu { 
    float: left; 
    width: 100%; 
    border-bottom: 2px solid #011; 
    background: #ffe; 
    overflow: hidden; 
    position: relative; 
    } 
    #centermenu ul { 
    float: left; 
    clear: left; 
    position: relative; 
    list-style: none; 
    left: 25%; 
    display: block; 
    text-align: center; 
    } 
    #centermenu ul li { 
    display: block; 
    float: left; 
    list-style: none; 
    margin: 1em; 
    padding: 1em; 

}