div+css 文字列表横向排列,自动换行。css里如何控制?

div代码

<div class="imainlbox margintop10" style=" height:200px;">
<div class="xiangmu">
<ul>
<li><a href="http://www.sdpc.gov.cn/zwfwzx/xmsphz/">国家发改委</a></li>
<li><a href="http://www.shdrc.gov.cn/main?main_colid=393&top_id=312" target="_blank">上海</a></li>
<li><a href="http://www.tjdpc.gov.cn/zdjsxm/2013/index.shtml" target="_blank">天津</a></li>
<li><a href="http://www.cqdpc.gov.cn/class-1-109.aspx" target="_blank">重庆</a></li>
<li><a href="http://www.sxdrc.gov.cn/xxlm/lxsp/" target="_blank">山西</a></li>
<li><a href="http://www.lndp.gov.cn/Article_Class2.asp?ClassID=16" target="_blank">辽宁</a></li>
<li><a href="" target="_blank">吉林</a></li>
<li><a href="http://www.hljdpc.gov.cn/tzgl/index.jhtml" target="_blank">黑龙江</a></li>
<li><a href="http://www.jsdpc.gov.cn/xxgk/gkml/zdxm/" target="_blank">江苏</a></li>
<li><a href="http://invest.zj.gov.cn/" target="_blank">浙江</a></li>
<li><a href="http://www.ahpc.gov.cn/zxbs/zxbs.jsp?cid=bulletin" target="_blank">安徽</a></li>
</ul>
</div>
</div>

第1个回答  推荐于2016-03-02
亲,在<head></head>里面加上如下内容看看:
<style>
.xiangmu>ul>li

{
float:left;
}
</style>追问

谢谢啦,但是还有个问题,如何让每个<li></li> 相隔一定的间距?

你看这样,每个词之间没有间距,很难看。。。    如何设置?


还有就是.xiangmu>ul>li

{
   float:left;
}

这段单独放到css文件里,该如何写?

本回答被提问者和网友采纳