SOURCE

<p>Type default</p>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca</li>
</ul>



<p>Type circle</p>
<ul class="circle">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca</li>
</ul>

<p>Type square</p>
<ul class="square">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca</li>
</ul>

<p>Type ol default</p>
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca</li>
</ol>

<p>Type upper-roman</p>
<ol class="upper-roman">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca</li>
</ol>


<p>Type ol lower-alpha</p>
<ol class="lower-alpha">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca</li>
</ol>

ul.circle {
  list-style-type: circle;
}

ul.square {
  list-style-type: square;
}

ol.upper-roman {
  list-style-type: upper-roman;
}

ol.lower-alpha {
  list-style-type: lower-alpha;
}