JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
	<ul>
		<li><a herf="#">Example Link</a></li>
		<li><a herf="#">Example Link</a></li>
		<li><a herf="#">Example Link</a></li>
	</ul>
</nav>

CSS

nav { /* this is just used to show that it doesn't ever break */
    background: #CCC;
    width: 150px;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
	white-space: nowrap;
}

nav ul li {
	display: table-cell;
}