JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<ul>
            <li><a href="">Главная страница</a></li>
            <li><a href="">О компании</a></li>
            <li><a href="">Услуги</a></li>
            <li><a href="">Популярное</a></li>
            <li><a href="">Контактная информация</a></li>
        </ul>
</div>

CSS

div{
overflow:hidden;
border:1px solid #ccc;    
}


ul{
list-style:none;
margin:0;
padding:0;
font-family:Tahoma; 
float:right;    
}

li{
display:inline-block;
}


li a{
display:block;
text-decoration:underline;
color:#000;
padding:0px 5px 2px 5px;
font-size:20px;
}

li a:hover{
text-decoration:none;
color:#fff;
background:#4472e8;
}