JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <table id="container">
<tr>
    <td id="menu">

    

        <ul class="menu"><div class="libg"><li class="item10"><a href=#><span>Оценка автотехники</span></a></li></div><div class="libg"><li class="item11"><a href=#><span>TRADE IN</span></a></li></div><div class="libg"><li class="item12"><a href=#><span>Прием автотехники на реализацию</span></a></li></div><div class="libg"><li class="item13"><a href=#><span>Продажа подержанной автотехники</span></a></li></div><div class="libg"><li class="item14"><a href=#><span>Продажа новой автотехники</span></a></li></div></ul>

    

        </td>
        </tr>
    </table>
    </body>

CSS

#menu {vertical-align: middle; width: 650px;}
#menu ul.menu {
    list-style-type: none;
    display: inline-block;
    margin: 0 auto;
}
#menu ul, #menu li {padding: 0; margin: 0; vertical-align: middle;}
#menu ul{
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
    margin: 10px 11px;
    vertical-align: middle;
    background-color: #F6F6F6;
    height: 70px;
    
}
#menu ul.menu li {
    background: url(../images/shtu4ka.png) left no-repeat;
    display: inline-block;
    padding-bottom: 0;
    list-style: none;
    width: 96px auto;
    max-width: 97px;
    margin: 0;
    padding-left: 25px;
    padding-right: 11px;
    padding-top: 3px;
    padding-bottom: 10px;
    vertical-align: middle;
    color: #5F6C79;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
}


#menu ul.menu li a {color: #5F6C79; text-decoration: none; position: relative; display: table; vertical-align: middle;}


#menu ul.menu li#current {background-color: #990000;  color: #fff;}
#menu ul.menu li#current a {color: #fff;}
div.libg {display: inline-block; margin: 0; padding: 0; height: 100%;}
.libg:hover {background-color: #990000;}
.libg:hover a {color: #fff;}