span里面的东西为什么会掉上来，不跟li在一条直线下

2012-10-18

span里面的东西为什么会掉下来，不跟li在一条直线上？HTML codediv classnewsullia href#Mysp

span里面的东西为什么会掉下来，不跟li在一条直线上？

HTML code

    <div class="news">            <ul>                <li><a href="#">Myspace宣布网站改版计划 谋求复兴 </a>(97人阅读)<span>2012-9-20 13:05</span></li>             </ul>        </div><style>.news {    padding-top:15px;    padding-left:35px;    padding-bottom:25px; }.news ul {    width:570px;}.news ul li{    line-height:30px;} .news ul li span {    float:right;     color:#b5b5b5;}</style>

[解决办法]
方法1
加上
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

方法2
改成
<li><span>2012-9-20 13:05</span> <a href="#">Myspace宣布网站改版计划谋求复兴 </a>(97人阅读)</li>

热点排行

CSS

span里面的东西为什么会掉上来，不跟li在一条直线下