JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
        		<ul class="menuUl">
        			<li class="menuli"><a href="#">Cadastro</a></li>
            		<li class="menuli"><a href="#">Funcionamento</a></li>
            		<li class="menuli"><a href="#">Regulamento</a></li>
            		<li class="menuli"><a href="#">Contato</a></li>
        		</ul>
</div>

CSS

.menu {
font-family:arial;
color:#000000;
font-size:12px;
text-align: left;
margin-top:35px;
}

.menu a{
color:#000000
}

.menuUl {
  list-style: none outside none;
  height: 34px;
}

.menuUl > li {
  display:inline-block;
  line-height: 33px;
  margin-right: 45px;
  
}