Question

html怎么使用<ul>和<li>制作导航条?<li>每回都换了一行，想要一行多列该怎么办？求代码

只要一个最简单最简单不要附加效果的就行
想知道怎么做的导航条

Answer 1

<style>
*{padding:0;margin:0;}
ul,li{list-style:none;}
ul li{float:left; text-align:center;}
ul li a:link,ul li a:visited{height:20px; width:80px; display:block; float:left; background:#FF99FF; text-decoration:none;}
ul li a:hover{background:#FF00FF; color:#fff;}
</style>

<ul>
<li><a href="">首页</a></li>
<li><a href="">导航</a></li>
<li><a href="">导航</a></li>
<li><a href="">导航</a></li>
</ul>
自己看着改吧

Answer 2

li 加个 CSS 样式
float:left;
就好了
想了解为什么 就度娘 CSS浮动