清單

ul{
    list-style-type:none;
    padding-left: 20px;
    line-height: 18px;
    padding-right: 15px;
}
ul a{
    text-decoration: none;
    color: #D2DDFF;
}
li{
    background-image: url(../img/news_icon_04.png);
    background-repeat: no-repeat;
    background-position:0 0.5em;
    padding-left:15px;
}

.font001{/*資料title*/
    font-family: "新細明體";
    font-size: 12px;
    color: #D2DDFF;
  
    width: 320px;
    word-wrap:break-word;  /* 自動換行*/
    overflow:hidden;
    display: table-cell;  /*區塊顯示─表格-儲存格*/
    background-color: #996666;
}
.font002{/*日期*/
    font-size: 10px;
    color: #B6CDFF;
  
    width: 60px;
    text-align: right;
    background-color: #006666;
    display: table-cell; /*區塊顯示─表格-儲存格*/
}


<ul id="vertical-ticker">
           <li>   
               <span class="font001"><a href="#">A01</a></span>               
               <span class="font002">A02</span>
           </li>   
           <li>   
               <span class="font001"><a href="#">B01</a></span>               
               <span class="font002">B02</span>
           </li>                                                                                 
 </ul>   


ps.ul會有預設邊框


顯示方式

• XXXXXXXXXXXXXX

• XXXXXXXXXXXXXX

參考資料
http://foreverahow.blogspot.tw/2008/09/css.html