페이지 상단에 간단한 탐색 모음을 만들려고 html 표 상단에 정렬하는 가로 목록 가져 오기 CSS

Question

n00b 테이블 셀의 맨 위에 정렬 할 가로 목록을 가져올 수 없습니다.

특히 '항목 1'과 '항목 2'는 표의 상단에 정렬되지 않습니다. 궁극적으로 '로고 여기'부분이 왼쪽으로, '항목'이 오른쪽으로 향하게합니다.

나는 당연히 '항목'이 지금 꼭대기에 정렬되도록 정할 것입니다.

HTML :

<table cellpadding="0" border="1"> 
     <tr> 
      <td valign="top">Logo Here</td> 
      <td valign="top">Total Accounts: Logged On: Last Updated:</td> 
      <td> 
       <ul id="navlist"> 
        <li><a href="#">Item 1</a></li> 
        <li><a href="#">Item 2</a></li> 
       </ul> 
      </td> 
     </tr> 
    </table> 

CSS : 우리는 레이아웃 테이블을 사용하고 있지만 여기 묻는 질문에 대한 해결책해서는 안

#navlist li 
    { 
     display: inline; 
     list-style-type: none; 
     padding-right: 20px; 
     vertical-align: text-top; 
    } 

Answer 1

.

기본적으로 패딩 및 마진이 있습니다. 그것을 제거하려고

#navlist { 
    padding:0; 
    margin:0; 
    float:right; /* and to get the items to the right */ 
} 

예 : ". 오른쪽에있는 '항목에'모든 방법과"사용자가 지정한 때문에 테이블 폭 100 %를 만들었 http://jsfiddle.net/vQvvZ/