日期:2014-05-17  浏览次数:20566 次

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>