JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
		<li><a href=""><span>Пункт</span></a></li>
		<li><a href=""><span>Пункт меню</span></a></li>
		<li><a href=""><span>Пункт</span></a></li>
		<li><a href=""><span>Пункт меню</span></a></li>
		<li><a href=""><span>Пункт</span></a></li>
	</ul>

CSS

body {
	margin: 100px;
}
 
ul {
    width: 600px;
	margin: 0; padding: 0;
	list-style: none;
}

li {
	display: table;
	float: left;
	width: 70px; height: 50px;
	margin: 0 5px;
	background: #eee;	
	border-collapse: collapse;
}

a {
	display: table-cell;
	width: 70px; height: 50px;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	text-decoration: none;
	border: 1px solid #000;
}