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