JSFiddle - React, Tailwind, and code Playground

HTML

<div id="navigacion">
        <div class="topNaviagationLink"><a href="index.html">Home</a></div>
        <div class="topNaviagationLink"><a href="index.html">About</a></div>
        <div class="topNaviagationLink"><a href="index.html">History</a></div>
        <div class="topNaviagationLink"><a href="index.html">Services</a></div>
        <div class="topNaviagationLink"><a href="index.html">Contact</a></div>
    </div>

CSS

#navigacion { 
    display: table; 
}
.topNaviagationLink {
    display: table-cell;
    width: 1%;
}
.topNaviagationLink > a {
    display: block;
    padding: 5px 10px;
    text-align: center;
}