JSFiddle - React, Tailwind, and code Playground

by Jatin Patil

HTML

<ol style="list-style-position: inside; list-style-type:upper-alpha;">
    <li><input type="checkbox" /> Demo 1
    </li>
    <li>
        <input type="checkbox" /> Demo 2<br/>
    </li>
    <li>
        <input type="checkbox" /> Demo 3
    </li>
</ol>

CSS

ol {
    margin:0px;
    padding-left:50px;
}
ol li {
    margin: 0px;
    padding: 0px;
    text-indent: -1em;
    margin-left: 1em;
}
ul {
    margin:0;
    padding-left:50px;
}
ul li {
    margin: 0px;
    padding: 0px;
    text-indent: 0.5em;
    margin-left: -0.5em;
}

li input
{
    position: absolute;
    margin-left: -40px;
    margin-top: 5px;
}