<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!--<style>
*{margin:0;padding:0;border:0;font-size:12px;font-family:Tahoma, Geneva, sans-serif;color:#666666;}
body,div,table,p,ul,li,span,b{margin:0;padding:0;}
span{ display:block;}
b{font-weight:normal;}
ul,li,ol{list-style:none;}
img{border:none;}
li{list-style:none;float:left;}
li a{text-decoration:none;}
a{text-decoration:none;}a:hover{text-decoration:underline}
.clear{clear:both;width:0px;margin:0px;height:0px;font:0px;line-height:0px;padding:0px;}
.float_left{ float:left;}.float_right{ float:right;}.float_bottom{ margin-bottom:8px;}
.news {
WIDTH: 316px; HEIGHT:162px; background:#093
}
h2 {
background:#C0DF88;
height:31px;
width:300px;
line-height:31px;
overflow-y:hidden;
padding:0px 8px;
color:#8ba34f;
font-size:12px;
}/*标题背景颜色 */
h2 a.more {
float:right;
text-decoration:underline;
font-weight:normal;
}
h2 span {
margin-left:5px;
font-weight:normal;
color:#8ba34f;
}
.news li{ float:left;width:298px;position:relative; margin-right:20px;line-height:23px;background:url(../images/new_bg.jpg) no-repeat 8px center; padding-left:20px; }
.news li span{position:absolute;right:4px;top:0;}
</style>-->
<style>
*{margin:0;padding:0;border:0;font-size:12px;font-family:Tahoma, Geneva, sans-serif;color:#666666;}
body,div,table,p,ul,li,span,b{margin:0;padding:0;}
span{ display:block;}
b{font-weight:normal;}
ul,li,ol{list-style:none;}
img{border:none;}
li{list-style:none;float:left;}
li a{text-decoration:none;}
a{text-decoration:none;}a:hover{text-decoration:underline}
.clear{clear:both;width:0px;margin:0px;height:0px;font:0px;line-height:0px;padding:0px;}
.float_left{ float:left;}.float_right{ float:right;}.float_bottom{ margin-bottom:8px;}
.news {
WIDTH: 316px; HEIGHT:162px; background:#093
}
h2 {
background:#C0DF88;
height:31px;
width:300px;
line-height:31px;
overflow-y:hidden;
padding:0px 8px;
color:#8ba34f;
font-size:12px;
}/*标题背景颜色 */
h2 a.more {
float:right;
text-decoration:underline;
font-weight:normal;
}
h2 span {
margin-left:5px;
font-weight:normal;
color:#8ba34f;
}
.news ul li{width:270px;
color:#464646;
border-bottom: dashed 1px #b4b4b4;
height:25px;
line-height:25px;
background-image: url(../images/rmdj_14.png);
background-repeat: no-repeat;
padding-left:30px;
background-position: 14px 12px;}
.news ul li a{
color:#464646;
text-decoration: none; display:block;
float:left;
}
.news ul li a:hover{text-decoration:underline;}
.news ul li span{
float:right;
}
</style>
</head>
<body>
<DIV class=news>
<h2><a href="#" class="more">更多</a>文章排行</h2>
<ul>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
</ul>
</div>
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!--<style>
*{margin:0;padding:0;border:0;font-size:12px;font-family:Tahoma, Geneva, sans-serif;color:#666666;}
body,div,table,p,ul,li,span,b{margin:0;padding:0;}
span{ display:block;}
b{font-weight:normal;}
ul,li,ol{list-style:none;}
img{border:none;}
li{list-style:none;float:left;}
li a{text-decoration:none;}
a{text-decoration:none;}a:hover{text-decoration:underline}
.clear{clear:both;width:0px;margin:0px;height:0px;font:0px;line-height:0px;padding:0px;}
.float_left{ float:left;}.float_right{ float:right;}.float_bottom{ margin-bottom:8px;}
.news {
WIDTH: 316px; HEIGHT:162px; background:#093
}
h2 {
background:#C0DF88;
height:31px;
width:300px;
line-height:31px;
overflow-y:hidden;
padding:0px 8px;
color:#8ba34f;
font-size:12px;
}/*标题背景颜色 */
h2 a.more {
float:right;
text-decoration:underline;
font-weight:normal;
}
h2 span {
margin-left:5px;
font-weight:normal;
color:#8ba34f;
}
.news li{ float:left;width:298px;position:relative; margin-right:20px;line-height:23px;background:url(../images/new_bg.jpg) no-repeat 8px center; padding-left:20px; }
.news li span{position:absolute;right:4px;top:0;}
</style>-->
<style>
*{margin:0;padding:0;border:0;font-size:12px;font-family:Tahoma, Geneva, sans-serif;color:#666666;}
body,div,table,p,ul,li,span,b{margin:0;padding:0;}
span{ display:block;}
b{font-weight:normal;}
ul,li,ol{list-style:none;}
img{border:none;}
li{list-style:none;float:left;}
li a{text-decoration:none;}
a{text-decoration:none;}a:hover{text-decoration:underline}
.clear{clear:both;width:0px;margin:0px;height:0px;font:0px;line-height:0px;padding:0px;}
.float_left{ float:left;}.float_right{ float:right;}.float_bottom{ margin-bottom:8px;}
.news {
WIDTH: 316px; HEIGHT:162px; background:#093
}
h2 {
background:#C0DF88;
height:31px;
width:300px;
line-height:31px;
overflow-y:hidden;
padding:0px 8px;
color:#8ba34f;
font-size:12px;
}/*标题背景颜色 */
h2 a.more {
float:right;
text-decoration:underline;
font-weight:normal;
}
h2 span {
margin-left:5px;
font-weight:normal;
color:#8ba34f;
}
.news ul li{width:270px;
color:#464646;
border-bottom: dashed 1px #b4b4b4;
height:25px;
line-height:25px;
background-image: url(../images/rmdj_14.png);
background-repeat: no-repeat;
padding-left:30px;
background-position: 14px 12px;}
.news ul li a{
color:#464646;
text-decoration: none; display:block;
float:left;
}
.news ul li a:hover{text-decoration:underline;}
.news ul li span{
float:right;
}
</style>
</head>
<body>
<DIV class=news>
<h2><a href="#" class="more">更多</a>文章排行</h2>
<ul>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
</ul>
</div>
</body>
</html>