列表做法

 

 里面一个框的代码：
<div id="main-right">
        <ul>
           <li> <a href="#">农业部解</a><span class="date">12-33</span></li>
           <li><a href="#">农业业文件</a><span class="date">12-33</span></li>
           <li> <a href="#">农头企业文件</a><span class="date">12-33</span></li>
           <li> <a href="#">农企业文</a><span class="date">12-33</span></li>
           <li> <a href="#">话弄头企业文件</a><span class="date">12-33</span></li>
           <li> <a href="#">农头企业文件</a><span class="date">12-33</span></li>
           <li> <a href="#">农头企业文件</a><span class="date">12-33</span></li>
           <li><a href="#">农企业文件</a><span class="date">12-33</span></li>
       </ul>
      </div>

css:#main-right {
    width:200px;
    float: left;
    height:264px;
    padding:0;
   
}

#main-right ul {
    list-style:none outside none;
    width:200px;
    border:0.5pt #CCC solid;
    height: 264px;
   padding:0 0 10px 0;
    margin:0;
}

#main-right ul li{
    height:32px;
    border-bottom: dashed 1px #CCC;
    line-height:32px;
    background:url(file:///F:/gongzuo/3.13/images/33.jpg) no-repeat scroll 10px center transparent;
    text-indent: 2em;
    margin-left:10px;
    width:180px;
    text-align: left;
}
#main-right a{//很重要
    float:left;
}
.date {//里面的时间样式
    color: #FF7200;
    float: right;
    font-size: 12px;
    line-height: 32px;
}