利用相对定位和绝对定位让日期居右显示

lssxlh

于 2011-11-13 10:48:04 发布

阅读量526

点赞数 1

分类专栏： CSS 文章标签： xhtml border class html

本文链接：https://blog.youkuaiyun.com/lssxlh/article/details/6965338

版权

CSS 专栏收录该内容

5 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
    <title></title>
<style>
*{padding:0; margin:0;}
body{font-size:12px; padding:100px;}
ul {list-style:none; width:300px; border:1px solid red;}
ul.list li{position:relative;}
ul.list li span{position:absolute;right:5px;}

</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>
</ul>

</body>
</html>