JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
                          <ul>
                                  <li class="aktivni"><a href="#">Domů</a></li>
                                  <li><a href="#">Fotogalerie</a></li>
                                  <li><a href="#">Historie</a></li>
                                  <li><a href="#">Kontakt</a></li>
                          </ul>
</nav>

CSS

nav ul {
        margin: 0px;
        list-style-type: none;
}
nav ul li {
        float: left;
        padding: 0px 25px;
        margin: 0 5px;
        font-size: 17px;
        font-family: Arial;
        height: 73px;
        line-height: 4.3em;
}
nav a {
        color: white;              /*nastaví barvu odkazů bílou*/
        text-decoration: none;     /*vypne podtržení odkazů*/
}
nav ul li:hover, .aktivni {        /*barva aktivního odkazu*/
        background: #ffbb00;
        box-shadow: 0px 0px 5px black;
}