JSFiddle - React, Tailwind, and code Playground
HTML
<ul class="menu-sub">
<li>
<a href="/vtulki-i-podushki-uaz-poliuretan.html">Втулки и подушки УАЗ (полиуретан)</a>
</li>
<li class="parent">
<a href="/tyuning.html">Тюнинг</a>
<ul>
<li>
<a href="/uaz-3151219-hunter-naruzhnyaya-otdelka.html">УАЗ-31512,19, HUNTER Наружняя отделка</a>
</li>
<li>
<a href="/uaz-3151219-hunter-vnutrennyaya-otdelka.html">УАЗ-31512,19, HUNTER Внутренняя отделка</a>
</li>
<li>
<a href="/drugie-detali-naruzhnyaya-otdelka.html">Другие детали Наружняя отделка</a>
</li>
<li>
<a href="/uaz-316062-patriot-naruzhnyaya-otdelka.html">УАЗ-3160,62, Патриот Наружняя отделка</a>
</li>
<li>
<a href="/uaz-452-naruzhnyaya-otdelka.html">УАЗ-452 Наружняя отделка</a>
</li>
<li>
<a href="/uaz-452-vnutrennyaya-otdelka.html">УАЗ-452 Внутренняя отделка</a>
</li>
</ul>
</li>
<li class="parent">
<a href="/dvigatel.html">Двигатель</a>
<ul>
<li>
<a href="/sistema-pitaniya-dvigatelya.html">Система питания...
CSS
.menu-sub a {
display: block;
}
.menu-sub li {
width:47%;
float:left;
margin-bottom:8pt;
font-size: 14pt;
}
.menu-sub .parent ul {
margin-top:5px;
}
.menu-sub .parent li {
float: left;
font-size: 9pt;
margin: 0 10px 0 0;
width: auto;
}
.menu-sub .parent li a{
color:#666;
padding:1px;
}
.menu-sub .parent li a:before{
content: "- ";
}
.menu-sub, .menu-sub ul{
margin:0;
padding:0;
list-style: none;
}