위치 요소가없는 하단의 가운데 div?

Question

고정 헤더가 있고 내 헤더 중간에 내 탐색 메뉴를 배치하는 방법을 알아낼 수있는 유일한 방법은 내 머리글을 상대적 위치로 만드는 것입니다. 이 일을하는 또 다른 방법이 있습니까? 감사. 나는 또한 머리말의 밑에 nav 메뉴를 역시 만들는 것을 시도했다. 그 중 하나에 어떤 성공 ..

http://jsfiddle.net/LR7zV/

HTML

<div id="header"> 
    <img id="logo" src="/img/logo.png"> 
    <div id="nav"> 
    <ul> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">About</a></li> 
     <li><a href="#">Contact</a></li> 
    </ul> 
    </div> 
</div> 

CSS

/*-- HEADER --*/ 

#header { 
    position:fixed; 
    top:0px; 
    width:100%; 
    background-color:#2C2E31; 
    border-bottom:#242426 solid 2px; 
} 

img#logo { 
    display: block; 
    margin-left:auto; 
    margin-right:auto; 
    margin-top:20px; 
    margin-bottom:20px; 
} 

#nav ul li { 
    list-style-type:none; 
    display:inline; 
    margin-bottom:0px; 
    padding-bottom:0px; 
} 

#nav ul li a { 
    text-decoration: none; 
} 

#nav li a { 
    font-size:20px; 
    padding-left:15px; 
    padding-right:15px; 
} 

/*-- CONTENT --*/ 

body { 
    margin:0px; 
    padding:0px; 
    background-color:#2A2B2D; 
} 

Answer 1

이 시도하지 :

#nav { 
    text-align: center; 
} 

JSFiddle Demo