JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Домой</li>
    <li>О нас</li>
    <li>Контакты</li> 
    <li>и тд и тп</li> 
</ul>

CSS

li{display:inline ;
 float:left;
 border-top:3px solid black;
 padding:0 10px 0 10px;}

li:hover {
    border-top:3px solid red;
    color:red;
}