디스플레이 : 블록 탐색 정렬

Question

display:block; 및 display:inline;을 사용하여 내비게이션을 조정하려고 시도했지만 움직이지 않는 것 같습니다. 내가 뭘 놓친거야?

<nav id="head-nav"> 
      <ul> 
       <li class="first current"> 
     <a href="http://commercial.co.nz/index.php/home">Home</a> 
    </li> 
    <li class="last"> 
     <a href="http://commercial..co.nz/index.php/contact">Contact</a> 
    </li> 

      </ul> 
     </nav> 

#head-nav{ 
    display:block; 
    float:right; 
    width:710px; 
    border:1px solid red; 
    margin:45px 0 0 0; 
} 
#head-nav ul li a{ 
    display:block; 
    height:25px; 
    width:60px; 
    background-color:cyan; 
} 

Answer 1

같은 행에 정렬하려면 float : left; li에 대한 CSS로

더하기 일부 비공식 또는 비 html5 브라우저에서 올바르게 렌더링되지 않을 수 있습니다. 조건문을 추가하거나 <div> 태그를 사용해야합니다.