JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top_navigation_menu">
	<ul id="top_navigation_list">
		<li class="top_navigation_options">opt 1</li>
		<li class="top_navigation_options">opt 2</li>
		<li class="top_navigation_options">opt 3</li>
		<li class="top_navigation_options">opt 4</li>
		<li class="top_navigation_options">opt 4</li>
	</ul>
</div>

CSS

#top_navigation_menu{
position:absolute;
top:14%;
min-width: 50%;
background-color:#eee;
color:white;
}
#top_navigation_list{
list-style-type: none;
background-color:#000;
margin: 0;
}
.top_navigation_options{
display:inline;
}