How to make news list in Div+css typesetting

Css

Final effect:

• May 30, 2005 News title
• May 30, 2005 News title
• May 30, 2005 News title
• May 30, 2005 News title

CSS code:

. list{     margin:0px 10px 20px;     Text-align:left;     } . list ul{     list-style-type:none;     margin:0px;     padding:0px; }. List li{     background:url (/imagelist/06/31/gu432qq5q695.gif) Repeat-x bottom;      /* The dashed line at the bottom of the list/     width:100%     . List li a{     color: #777777;     Display:block;     padding:6px 0px 4px 15px;     Background:url (/imagelist/06/31/7ei20115t3sv.gif) no-repeat 0 6px;     /* The arrow picture on the left of the/* list Li span{     float:right;/* makes the span element float to the right * * * *     text-align:right;/* date to align/}. List Li a:hover{< C17/>color: #336699;     Background:url (/imagelist/06/31/jq1ysff5b0ac.gif) Repeat-x bottom; }         

Note: span must be placed in front, and vice versa will result in line wrapping

<ul class= "List" > <li><span>2005 year May 30 </span><a href= "#" > News headlines 01</a></li > <li><span>2005 Year May 30 </span><a href= "#" > News headlines 02</a></li> <li>< Span>2005 year May 30 </span><a href= "#" > News title 03</a></li> <li><span>2005 year May 30 </span><a href= "#" > News headlines 04</a></li> </ul>