Run Example

Edit This Code:
<!DOCTYPE html>
<html>
 <head>
  <title> Page Title </title>
  <style type="text/css">
   ul.circle {
    list-style-type: circle;
   }
   ul.square {
    list-style-type: square;
   }
   ol.decimal {
    list-style-type: decimal;
   }
   ol.upper-roman {
    list-style-type: upper-roman;
   }  
  </style>
 </head>

 <body>
   <ul class="circle">
   	<li>circle list 1</li>
   	<li>circle list 2</li>
   </ul>

   <ul class="square">
   	<li>square list 1</li>
   	<li>square list 2</li>
   </ul>

   <ol class="decimal">
   	<li>decimal list 1</li>
   	<li>decimal list 2</li>
   </ol>

   <ol class="upper-roman">
   	<li>upper-roman list 1</li>
   	<li>upper-roman list 2</li>
   </ol>
 </body>
</html>
Result: