JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
    <div>
        1. Apple
    </div>
    <div>
        2. Arts
        <div>2.1 Foo</div>
        <div>2.2 Bar
            <div>2.2.1 Node</div>
        </div>
    </div>
    <div>
        3. Auto
    </div>
</div>

CSS

.menu div {
    padding-left: 30px;
}