JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sideLeft">
<div id="left_menu">
<h2>Каталог автозапчастей:</h2></br>
<ul>
  <li class="one"><a href="#"><span class="menu_level_one">Запчасти на автомобили ВАЗ:</span></a>
        <ul>
           <li class="menu_level_two"><a href="#"> Легковые авто</a></li>
           <li class="menu_level_two"><a href="#"> Здесь еще что-то</a></li>
           <li class="menu_level_two"><a href="#"> Здесь еще что-то</a></li>
        </ul>
  </li>
           <li><a href="#"><span class="menu_level_one">Запчасти</span></a>
              <ul>
                 <li class="menu_level_two"><a href="#">грузовики</a></li>
                 <li class="menu_level_two"><a href="#"> Фургоны</a></li>
              
               </ul>
            </li>
           <li><a href="#"><span class="menu_level_one">Запчасти</span></a>
               <ul>
                  <li class="menu_level_two"><a href="#">дорожники</a></li>
                  <li class="menu_level_two"><a href="#"> Грузовые</a></li>
                </ul>
           </li>
           </ul>
</div><!--end left_menu-->
</div><!-- .sidebar#sideLeft -->

CSS

#sideLeft {
    float: left;
    width: 260px;
    
    position: relative;
    background:#ccc;
    padding-bottom:15px;
}

#left_menu h2{
font-size:18px;
font-weight:bold;
color:#a9def5;
}

#left_menu {
background:#000;
width:200px;

margin-left:15px;
padding:15px;
}

#left_menu  a{
font-family:Tahoma;
font-size:14px;
color:#fff;
line-height:20px;
}

#left_menu  a:hover{
color:#f7c81b;
}

.menu_level_one{
font-weight:bold;
}

.menu_level_two {
margin-left:19px;
}