JSFiddle - React, Tailwind, and code Playground

HTML

<title></title>

<body>
 <header>
 <div id="logo"><a href="index.html"><h1>Domů</h1></a></div>
  <nav>
    <ul id= nav>
       <li><a href="index.html">Domů</a></li>
       <li><a href="fotogalerie.html">Fotogalerie</a></li>
       <li class= "aktivni"><a href="kontakty.html">Kontakty</a></li>
    </ul>
  </nav>
     </header>
     <div class="seznam">
    <span>xxxxx <h1>email: xxxxx@xxxx</h1></span>   
     </div>
     
   </body>

CSS

#nav {
width:800px;
margin:0 auto;
list-style:none;
margin-top: 13px;
}
#nav li {
float:left;
}
#nav a {
display:block;
text-align:center;
width:150px;
text-decoration:none;
color: black; 
}

nav ul li {
background-color:	#FF69B4;
color: #000000;
font-size: 20px;
border: 1px solid black;
}

nav ul li:hover {
background: #FF1493;
border: 1px solid black;
}
div.seznam  {
  position: absolute;
  top: 100px;


}