JSFiddle - React, Tailwind, and code Playground

HTML

<div id="access">
      <nav>
  	    <ul id="menu-glavni-menu-desno" class="sf-menu">
            <li id="menu-item-1" class="menu-item"><a href="http://#">zgodbe</a></li>
            <li id="menu-item-2" class="menu-item"><a href="http://#">ponudba</a></li>
            <li id="menu-item-3" class="menu-item"><a href="http://#">dostop</a></li>
            <li id="menu-item-4" class="menu-item"><a href="http://#">o studiu</a></li>
        </ul> 
  		</nav>
	  </div>

CSS

ul {
list-style-type: none;
background-image: url(navi_bg.png);
height: 80px;
width: 663px;
margin: auto;
}

ul a {
padding-right: 32px;
padding-left: 32px;
display: block;
line-height: 80px;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 21px;
color: #371C1C;
}

li {
float: left;
}