常见的新闻列表、tab
<ul><li>导航菜单1</li><li>导航菜单2</li><li>导航菜单3</li></ul>
<h1>今天的新闻真正好,我是标题</h1>
<ul>
<li>如果你有100万怎么花</li>
<li>你有中了福彩一等奖</li>
<li>我是有底线的新闻</li>
</ul>
麻烦给个采纳吧
使用float属性,使他横向排列即可。
<style>ul,li{padding:0margin:0list-style:none}
ul{width:1000px}
ul li{float:leftwidth:200px}/**li标签float属性,使他左浮动**/
ul li a{display:blockwidth:100%padding:20px 0 text-align:center}
</style> <ul>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单一</a></li>
</ul>
具体效果根据自身项目,调节即可!