Question

关于ul li span的问题

上面是代码，下面的运行结果，怎么才能让后面的span跟li对齐，其他浏览器可以，但是ie7就不行





Answer 1

这个很简单的，并且这种为了客户体验，需要给文字内容加上 a 标签；你的就没加；
你看看我写的 ，下面分别是样式 和代码，保证兼容各大浏览器；
样式：
.clear{height:0px;overflow:hidden;clear:both;margin:0px;padding:0px}
*{margin:0px;padding:0px}
.news_ul{width:700px;height:750px;margin:0 auto;padding:0px 30px}
.news_ul ul{height:740px;overflow:hidden;zoom:1}
.news_ul li{font-family:"宋体";height:40px;line-height:40px;overflow:hidden;position:relative;padding:0 75px 0 15px}
.news_ul li a{color:#666}
.news_ul li a:hover{color:#2664B9;text-decoration:underline}
.news_ul li .num{position:absolute;right:0;top:0;color:#999}

代码：

<div class="news_ul">
<ul>
<li>
<p><a href="newsinfo.html">白酒行业连续高增长 警惕六大问题</a></p>
<span class="num">2013-09-25</span>
</li>
<li>
<p><a href="newsinfo.html">市场银行股持续活跃白酒股逐渐两融市场银行股持续活跃白酒股逐渐</a></p>
<span class="num">2013-09-25</span>
</li>
<li>
<p><a href="newsinfo.html">白酒股逐渐两融市场银行股持续活跃白酒股逐渐</a></p>
<span class="num">2013-09-25</span>
</li>
<li>
<p><a href="newsinfo.html">续活跃白酒股逐渐两融市场银行股持续活跃白酒股逐渐</a></p>
<span class="num">2013-09-25</span>
</li>
<li>
<p><a href="newsinfo.html">持续活跃白酒股逐渐两融市场银行股持续活跃白酒股逐渐</a></p>
<span class="num">2013-09-25</span>
</li>
</ul>
</div>

不懂可以追问
-------------------------满意望采纳------------------

Answer 2

给<span>设置 float:right;
代码像这样写：
<li><span>2014-3-25</span>这里是文字标题</div>

Answer 3

<li>
<span>失联客机在南太平洋发现，估计无一生还</span>
<span>2014-3-25</span>
</li>

调整好span的宽度 即可