The method of making news list in div+css typesetting _css/html

CSS code:

. list{margin:0px 10px 20px; text-align:left;}. List ul{list-style-type:none; margin:0px; padding:0px;}. List li{Background:url (/news/images/line.gif) Repeat-x bottom;  /* Dashed line at the bottom of the list */width:100%; }.list li a{color: #777777; display:block; padding:6px 0px 4px 15px; Background:url (/news/images/dot.gif) no-repeat 0 6px; /* The arrow to the left of the list */}.list Li span{float:right;/* to float the span element to the right. */text-align:right;/* date align */}.list li a:hover{color: #336699; Background:url (/news/images/dot2.gif) Repeat-x Bottom;}  

Note: span must be placed in front, whereas a newline will be generated.

 
 
 

  
  
  
News Title 01
  
  
  
News title 02
  
  
  
News Title 03
  
  
  
News Title 04
 
 
 

