JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#">item</a></li>
    <li><a href="#">item</a></li>
    <li><a href="#">item</a></li>
    <li><a href="#">item</a></li>
    <li><a href="#">item</a></li>
    <li><a href="#">item</a></li>
    <li><a href="#">item</a></li>
    <li><a href="#">item</a></li>
    <li><a href="#">item</a></li>
</ul>

CSS

ul {
	margin: 0;
	padding: 0;
	width: 500px;
	height: 100px;
	background: lightblue;
	text-align: center;
	list-style: none;
    vertical-align: middle;
    line-height: 100px;
}
	ul li {
		display: inline;
	}
		ul li a {
			padding: 5px 15px;
			margin: 0 10px;
			background: lightgreen;
		}