一個導航條佈局的簡單寫法_CSS/HTML

我希望能用最簡單的程式碼去解決問題！
CSS部分

複製程式碼 程式碼如下:

 


內容部分： 

複製程式碼 代碼如下:

 

  
標題一

  
標題一

  
標題一

  
標題一

  
標題一

  
標題一
 

<style> #menu ul { list-style:none; margin: 0px; padding: 0px; } #menu li { float:left; font-size:12px; background: #999; padding:2px 20px;border:1px solid #000; margin-left: -1px; } --> </style> 標題一<div id="menu"> <ul>標題一<li> </li>標題一<li> </li>標題一<li> </li>標題一<li> </li>標題一<li> </li> <li> </li> </ul> </div>