JSFiddle - React, Tailwind, and code Playground

by calder12

HTML

<ul id="tasks">
    <li>
        <div class="TaskDiv">
            <input type="text" class="TaskTextInput"/>
        </div>
    </li>
    <li>
        <div class="TaskDiv">
            <input type="text" class="TaskTextInput"/>
        </div>
    </li>
    <li>
        <div class="TaskDiv">
            <input type="text" class="TaskTextInput"/>
        </div>
    </li>
</ul>

CSS

.TaskDiv
{
    margin: 0; 
    padding: 0;
}

ul
{
    margin: 0;
    padding-left: 30px; 
    list-style: none;
}

ul li
{
    margin: 0;
    padding: 0;
    text-indent: 0.5em;
    margin-left: -0.5em;
}