JSFiddle - React, Tailwind, and code Playground

HTML

<strong>struktur</strong>
<ul>
    <li>
        <ul>
            <li>Test 1</li>
            <li>Test 2</li>
            <li>Test 3</li>
            <li>Test 4</li>
        </ul>
    </li>
    <li>
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </li>
</ul>

CSS

ul {
    list-style-type:none;
        margin:0;
    padding:0;
}
ul li{
    margin:0;
    padding:0;
}
li:nth-child(1)::before{
    content:"1 ";
}
li:nth-child(2)::before{
    content:"2 ";
}
li:nth-child(3)::before{
    content:"3 ";
}
li:nth-child(4)::before{
    content:"4 ";
}
li:nth-child(5)::before{
    content:"5 ";
}
li:nth-child(6)::before{
    content:"6 ";
}
li:nth-child(7)::before{
    content:"7 ";
}
li:nth-child(8)::before{
    content:"8 ";
}