JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>one</li>
    <li>
        two has children
        <ul>
            <li>a</li>
            <li>b has children
                <ul>
                    <li>1</li>
                </ul>                   
            </li>
        </ul>
    </li>
    <li>
        three has children
        <ul>
            <li>x</li>
        </ul>
    </li>
</ul>

CSS

ul, li {
    margin: 0px;
    padding: 0px;
}

li {
    padding-left: 15px;
    padding-top: 15px;
}

li li {
    padding-left: 0px;
}