JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">

                    <ul id="ul">
                        <li id="">
                            <a href="#" title="О компании">О компании</a>
                        </li>
                        <li id="">
                            <a href="#" title="Цены">Цены</a>
                        </li>
                    </ul>
</div>

CSS

#menu {
background: #D0D4E1;
left: 1px;
min-height: 48px;
position: absolute;
width: 1209px;
font-family: Tahoma, Geneva, sans-serif;
}

#ul {
    display: block;
    list-style: none;
    position: absolute;
    width: 1124px;
    height: 48px;
    color: #798099;
        line-height: 120%;
}
#ul li {
    display: inline-block;
    padding: 0 25px;
    height: 48px;
}
#ul li:hover {
    color: #FEFEFF;
    background: #1d3380;
    height: 48px;
}

#menu a {line-height:48px;}