<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<TITLE>CSS Auto-Add serial number ordered list style </title>
<style type= "Text/css" >
/* List 1 Style */
#list1 {
Font:italic 1em Georgia, times, serif;
Color: #999999;
}
#list1 p {
Font:normal. 8em Arial, Helvetica, Sans-serif;
Color: #000000;
}
/* List 2 Styles */
#list2 {
Font:italic 1em Georgia, times, serif;
Color: #999;
List-style:lower-roman;
}
#list2 p {
Font:normal. 85em Georgia, times, serif;
Color: #000;
}
/* List 3 Styles */
#list3 {
Font:normal 1.1em Arial, Helvetica, Sans-serif;
Color: #666;
}
#list3 p {
Font:normal. 7em Arial, Helvetica, Sans-serif;
Color: #000;
Border-left:solid 1px #999;
margin:0;
padding:0 0 1em 1em;
}
</style>
<body>
<div><a href= "http://www.999jiujiu.com/" >http://www.999jiujiu.com/</A></div>
<ol id= "List1" >
<li>
<p> Show content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content </p>
</li>
<li>
<p> Show content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content </p>
</li>
<li>
<p> Show content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content </p>
</li>
</ol>
<ol id= "List2" >
<li>
<p> display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display </p>
</li>
<li>
<p> Show content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content </p>
</li>
<li>
<p> Show content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content </p>
</li>
</ol>
<ol id= "List3" >
<li>
<p> Show content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content </p>
</li>
<li>
<p> Show content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content
</p>
</li>
<li>
<p> Show content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content, display content </p>
</li>
</ol>
</body>
CSS Auto-add ordinal-Multiple sequential list number effect
