JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#">Домойfd dfdfdf dfgdf</a></li>
    <li><a href="#">О</a></li>
    <li><a href="#">Контакты</a></li> 
    <li><a href="#">и тд и тп</a></li> 
</ul>

CSS

li{
 float:left;
 border-top:3px solid black;
    padding: 9px;
}
li a {padding: 10px;}
a:hover {
    border-top:3px solid red;
    color:red;
}