JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
				<ul>
					<li><a href="#">O nas</a></li>
					<li><a href="#">Članki</a></li>
					<li><a href="#">Odzivnost</a></li>
					<li><a href="#">Kontakt</a></li>
				</ul>
			</nav>

CSS

nav {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #000000;
}
nav ul, nav ul li {
    position: relative;
    float: left;  
    list-style: none;    
    margin: 0px;
    padding: 0px;
}
nav ul {
    clear: left;
    left: 50%;
    text-align: center;
}
nav ul li {
   display: block;
   padding-left: 1em;
   padding-right: 1em:
   right:50%;
}