一个导航条布局的简单写法_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>