올바른 스타일로도 목록이 수평으로 정렬되지 않습니다.

Question

매우 단순합니다.

나는 탐색 수평 방향으로 나와 함께 협력하지 않는 그러나이

http://www.adtile.me/fixed-nav/

을 다시 시도하고있다.

HTML

<div id="wrapper"> 
    <header class="shadow"> 
     <img id="logo"src="assets/images/logo white.png" width="305" height="78"/> 
      <nav class="nav-collapse"> 
       <ul id="horizontal"> 
        <li><a href="#">Home</a></li> 
        <li><a href="#">About</a></li> 
        <li><a href="#">Projects</a></li> 
        <li><a href="#">Contact</a></li> 
       </ul> 
      </nav> 
    </header> 
</div> 

CSS

#horizontal { 
    display: inline; 
    list-style-type: none; 
    padding-right: 20px; 
} 

Demo

이없는 부모 ul 목록 - 항목에 대한 inline를 호출 할 필요가

Answer 1

:

#horizontal li { 
    display: inline; 
    list-style-type: none; 
    padding-right: 20px; 
} 

FIDDLE