CSS를 사용하여 내 탐색 바 중앙

Question

며칠이 지나면 내 웹 사이트 탐색 바를 사용하고 있습니다. 하지만 중심에두고 싶습니다. 여기 내 CSS

.nav{ 
    float:right;width:980px 
} 
.nav ul { 
    width: 980px; 
    margin: 0 auto; 
    padding: 0; 
    list-style: none; 
    font-size: 1.5em; 
    font-weight: 300; 
} 
.nav li { 
    float: right; 
    width: 87px; 
    text-align: center; 
    -webkit-transition: border .5s; 
    -moz-transition: border .5s; 
    -o-transition: border .5s; 
    -ms-transition: border .5s; 
    transition: border .5s; 
} 
.nav a { 
    display: block; 
    width:87px;height: 74px; 
} 
.no-touch .nav a:hover , 
.nav a:active , 
.nav a:focus { 
    height: 84px; 
} 
.nav li span { 
    display: block; 
    font-family:"Droid Arabic Kufi"; 

Answer 1

순자산 가치 (NAV)의 플로트가 불필요의와 .nav에 함께 센터에 .nav ul을 방지 할 수 있습니다.

.nav { 
    float: right; // Remove this. 
    width: 100%; // Change this. 
} 

http://jsfiddle.net/7TBHn/2/

는 비록 내 jsfiddle에 그때가 더 차이가 없다는 것을 더 의미하지만, 다른 일하는 탐색 요소를 사용합니다. 당신의 .nav ul에서

Answer 2

넣고이 :

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

이것은 중앙한다. 희망이 도움이!