<ul style="list-style: disc;">
  <li>Lorem, ipsum dolor.</li>
  <li>Expedita, impedit quibusdam?</li>
  <li>Iste, saepe exercitationem.</li>
</ul>

<ul style="list-style: circle;">
  <li>Lorem, ipsum dolor.</li>
  <li>Expedita, impedit quibusdam?</li>
  <li>Iste, saepe exercitationem.</li>
</ul>

<ul style="list-style: square;">
  <li>Lorem, ipsum dolor.</li>
  <li>Expedita, impedit quibusdam?</li>
  <li>Iste, saepe exercitationem.</li>
</ul>

<ol style="list-style: decimal;">
  <li>Lorem, ipsum dolor.</li>
  <li>Iusto, adipisci eum.</li>
  <li>Fuga, sit labore!</li>
</ol>

<ol style="list-style: decimal-leading-zero;">
  <li>Lorem, ipsum dolor.</li>
  <li>Iusto, adipisci eum.</li>
  <li>Fuga, sit labore!</li>
</ol>

<ol style="list-style: upper-roman;">
  <li>Lorem, ipsum dolor.</li>
  <li>Iusto, adipisci eum.<ol style="list-style: lower-roman;">
      <li>Lorem, ipsum dolor.</li>
      <li>Iusto, adipisci eum.<ol style="list-style: lower-greek;">
          <li>Lorem, ipsum dolor.</li>
          <li>Iusto, adipisci eum.</li>
          <li>Fuga, sit labore!</li>
        </ol>
      </li>
      <li>Fuga, sit labore!</li>
    </ol>
  </li>
  <li>Fuga, sit labore!</li>
</ol>

<ol style="list-style: upper-alpha;">
  <li>Lorem, ipsum dolor.</li>
  <li>Iusto, adipisci eum.<ol style="list-style: lower-latin;">
      <li>Lorem, ipsum dolor.</li>
      <li>Iusto, adipisci eum.<ol style="list-style: mongolian;">
          <li>Lorem, ipsum dolor.</li>
          <li>Iusto, adipisci eum.</li>
          <li>Fuga, sit labore!</li>
        </ol>
      </li>
      <li>Fuga, sit labore!</li>
    </ol>
  </li>
  <li>Fuga, sit labore!</li>
</ol>

External CSS

  1. https://codepen.io/chriscoyier/pen/GRpqNwX

External JavaScript

This Pen doesn't use any external JavaScript resources.