Question

如何编写代码，让这几组无序列表变成图2的横向排列？

图2：





Answer 1

在每个列表中加入float，最后清理一下浮动就可以了。
<div>
<ul style="float:left">
<li></li>
<li></li>
<li></li>
</ul>
<ul style="float:left;margin-left:50px;margin-right:50px">
<li></li>
<li></li>
<li></li>
</ul>
<ul style="float:left">
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div style="clear:both"></div>

Answer 2

三个div都添加float:left属性

Answer 3

给下面2个DIV 加个ID用CSS控制下面两个DIV左浮动就可以实现。