JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="a">
    <li>HTML 5</li>
     <li>Java Script</li>
     <li>CSS</li>
</ul>

<ul class="b">
    <li>HTML 5</li>
     <li>Java Script</li>
     <li>CSS</li>
</ul>

<ol class="c">
    <li>HTML 5</li>
     <li>Java Script</li>
     <li>CSS</li>
</ol>

<ol class="d">
    <li>HTML 5</li>
     <li>Java Script</li>
     <li>CSS</li>
</ol>

CSS

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

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

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

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