利用css让li列表横起来

利用css怎么让li列表横起来呢？看下面的例子：关键部位在于 #gqtj ul中的display:inline; 和#gqtj li中的float:left; display:block;

css部分： 站长搜索 | 中国站长-搜索资讯网(AdminSo.com)

#gqtj{ width:400px; margin:0px;}
#gqtj ul{display:inline; list-style-type:none; margin:0px;}
#gqtj li{float:left; display:block; text-align:left;margin-left:0px;}
.gqtj1{width:120px; padding-top:5px;}
.gqtj2{width:80px; padding-top:5px;}
.gqtj3{width:80px; padding-top:5px;}
.gqtj4{width:120px; padding-top:5px;}

body部分 本文来源于站长搜索资讯网(AdminSo.com)

<div id="gqtj">
<ul>
<li class="gqtj1">交易产品</li>
<li class="gqtj2">地点</li>
<li class="gqtj3">报价</li>
<li class="gqtj4">公司</li>
</ul>
</div>

搜索互联网--站长搜索(AdminSo.com)