JSFiddle - React, Tailwind, and code Playground

by Dineshkani

HTML

<ul id="first"><li>Hellow</li><li>World</li></ul>
<ul id="sec"><li>Hellow</li><li>World</li></ul>
<ul id="third"><li>Hellow</li><li>World</li></ul>
<ul id="four"><li>Hellow</li><li>World</li></ul>
<ul id="five"><li>Hellow</li><li>World</li></ul>
<ul id="seven"><li>Hellow</li><li>World</li></ul>
<ul id="eight"><li>Hellow</li><li>World</li></ul>
<ul id="nine"><li>Hellow</li><li>World</li></ul>
<ul id="ten"><li>Hellow</li><li>World</li></ul>
<ul style="list-style: upper-alpha"><li>Hellow</li><li>World</li></ul>
<ul style="list-style: inside"><li>Hellow</li><li>World</li></ul>
<ul style="list-style: outside"><li>Hellow</li><li>World</li></ul>

CSS

#first{
    list-style: disc;
}
#sec{
    list-style: none;
}
#third{
    list-style: decimal;
}
#four{
    list-style: circle;
}
#five{
    list-style: square;
}
#seven{
    list-style: lower-roman;
}
#eight{
    list-style: upper-roman;
}
#nine{
    list-style: lower-greek;
}
#ten{
    list-style: lower-alpha;
}