ul li横向排列

ul和li都是块级元素，所以使用ul li时，都是分行显示

块级元素可以通过设置float来使他们在同一行显示，

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>

出来的结果如：

通过设置

li{float:left}

就可以是ul显示在同一行了

但是还是显示了点点，去掉此点点，可以加

ul{list-style:none;}

li前面的圆点不见了