DIV+CSS中新闻列表最简单的布局(标题靠左,日期靠右,不需要浮动!)

作者:我就是个世界 发表于:2011-12-18
DIV+CSS中最简单的布局,标题靠左,时间靠右 ,不需要浮动!

[code]
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style>
            ul.list li{position:relative}
            ul.list li span{position:absolute; right:0}
        </style>
    </head>
    <body>
        <ul class="list">
            <li>这儿是标题列表<span>2010-09- 15</span></li>
            <li>这儿是标题列表<span>2010-09- 15</span></li>
            <li>这儿是标题列表<span>2010-09- 15</span></li>
            <li>这儿是标题列表<span>2010-09- 15</span></li>
            <li>这儿是标题列表<span>2010-09- 15</span></li>
            <li>这儿是标题列表<span>2010-09- 15</span></li>
            <li>这儿是标题列表<span>2010-09- 15</span></li>
        </ul>
    </body>
</html>
[/code]

分享:

扫一扫在手机阅读、分享本文

已有1条评论