<!doctype html>
<meta charset=utf-8>
<title>li@type: supported types</title>
<style>
  .decimal { list-style-type: decimal; }
  .lower-alpha { list-style-type: lower-alpha; }
  .upper-alpha { list-style-type: upper-alpha; }
  .lower-roman { list-style-type: lower-roman; }
  .upper-roman { list-style-type: upper-roman; }
  .disc { list-style-type: disc; }
  .circle { list-style-type: circle; }
  .square { list-style-type: square; }
  .none { list-style-type: none; }
</style>
<li class="decimal">first item</li>
<li class="lower-alpha">second item</li>
<li class="upper-alpha">third item</li>
<li class="lower-roman">fourth item</li>
<li class="upper-roman">fifth item</li>
<li class="disc">sixth item</li>
<li class="circle">seventh item</li>
<li class="square">eighth item</li>
<li class="none">ninth item</li>
<ol>
  <li class="decimal">first ordered item</li>
  <li class="lower-alpha">second ordered item</li>
  <li class="upper-alpha">third ordered item</li>
  <li class="lower-roman">fourth ordered item</li>
  <li class="upper-roman">fifth ordered item</li>
  <li class="disc">sixth ordered item</li>
  <li class="circle">seventh ordered item</li>
  <li class="square">eighth ordered item</li>
  <li class="none">ninth ordered item</li>
</ol>
<ul>
  <li class="decimal">first unordered item</li>
  <li class="lower-alpha">second unordered item</li>
  <li class="upper-alpha">third unordered item</li>
  <li class="lower-roman">fourth unordered item</li>
  <li class="upper-roman">fifth unordered item</li>
  <li class="disc">sixth unordered item</li>
  <li class="circle">seventh unordered item</li>
  <li class="square">eighth unordered item</li>
  <li class="none">ninth unordered item</li>
</ul>
