내 탐색 표시 줄을 가운데에 배치하는 방법

Question

내 탐색 막대를 가운데에 놓으려고합니다 ...

이것은 내가 지금까지 가지고있는 것입니다. 일을 잘못

나는 몇 가지 변화 시도했습니다,하지만 난 #menu 또는

#menu li { 

    float: left; 
    border: 2px solid white; 
    margin-top:50px; 
    margin-left:80px; 

} 

#menu li a{ 



    font-family:Din; 
    display: inline; 
    padding: 1px 30px; 
    font-size: 33px; 
    text-decoration: none; 
    color: white; 
    -webkit-transition: all 0.2s ease-in; 
    -ms-transition: all 0.2s ease-in; 
    -moz-transition: all 0.2s ease-in; 
    -o-transition: all 0.2s ease-in; 
    transition: all 0.2s ease-in; 

} 

#menu li a:hover{ 

    background: white; 
    color: black; 
    padding: 1px 30px; 
    text-decoration: none; 

} 

#menu li a, 
#menu li.active a{ 
    padding: 0px 30px; 
    display:inline; 

} 

#menu li.active a{ 
    color: #fff; 

} 

#menu{ 
    position:fixed; 
    top:0; 
    left:0; 
    height: 40px; 
    z-index: 70; 
    width: 100%; 
    padding: 0; 
    margin:0; 

} 

Answer 1

사용 display: inline-block;

이을 시도해보십시오 #menu 리튬의 변경 여부를 모르겠어요 데모

http://jsfiddle.net/amoljawale/jvgU2/

Answer 2

이 코드를 CSS에 추가하십시오. 테스트를 마쳤습니다.

#menu ul{ 
    padding: 0px; 
    margin-left: auto; 
    margin-right:auto; 
    width: 80%; 
}