JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="zahlavi-odkazy">
      <li> <a href="index.html"> Hlavní stránka </a> </li>
      <li> <a href="Bujinkan-v-CR/Bujinkan-v-CR.html"> Bujinkan v ČR </a> </li>
      <li> <a href="Skoly/Skoly.html"> Školy </a> </li>
      <li> <a href="Soke/Soke.html"> Sóke </a> </li>
      <li> <a href="Valecnici/Valecnici.html"> Staří válečníci </a> </li>
      <li> <a href="Zbrane/Zbrane.html"> Zbraně </a> </li>
      <li> <a href="Stupne/Stupne.html"> Technické stupně </a> </li>
      <li> <a href="Techniky/Techniky.html"> Techniky </a> </li>
      </ul>

CSS

.zahlavi-odkazy li{
                  background: rgb(199,199,199);
                  float:left;
                  padding: 5px 1px 5px;
                  margin: 240px 0px;
                  }