JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="//google.ru">group 1</a>
        <ul>
            <li><a href="//google.ru">el 1.1</a></li>
            <li><a href="//google.ru">el 1.2</a></li>
            <li><a href="//google.ru">el 1.3</a></li>
        </ul>
    </li>
    <li><a href="//google.ru">group 2</a>
        <ul>
            <li><a href="//google.ru">el 2.1</a></li>
            <li><a href="//google.ru">el 2.2</a></li>
            <li><a href="//google.ru">el 2.3</a></li>
            <li><a href="//google.ru">el 2.4</a></li>
            <li><a href="//google.ru">el 2.5</a></li>
        </ul>
    </li>
    <li><a href="//google.ru">group 3</a>
        <ul>
            <li><a href="//google.ru">el 3.1</a></li>
            <li><a href="//google.ru">el 3.2</a></li>
        </ul>
    </li>
</ul>

CSS

* {
    padding: 0;
    margin: 0;
}
ul {
    list-style-type: none;
}
li {
    padding: 5px;
}
li ul li {
    background: url(//placehold.it/10x10);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 20px;
}
li ul {
    border-bottom: 1px solid grey;
}
li a {
    text-decoration: none;
    color: royalblue;
}