JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu">
		<li><a href="#">Главная</a></li>
		<li><a href="#">О магазине</a></li>
		<li><a href="#">Оплата и доставка</a></li>
		<li><a href="#">Покупка в кредит</a></li>
		<li><a href="#">Контакты</a></li>
</ul>

CSS

.menu {background:blue;display:table-row;list-style:none;}
	.menu li {display:table-cell;width:auto;text-align:center; height:50px;border-left:1px solid #2b99d0;border-right:1px solid #035786;vertical-align:bottom;}
		.menu li:hover {background:#01496f ;border-left:1px solid #01496f;border-right:1px solid #01496f;}	
			.menu li:first-child {border-left:none;}
				.menu li:last-child {border-right:none;}	
					.menu li a{display:block;width:1000px;height:50px;vertical-align:middle;display:table-cell;font:14px Verdana, Geneva, sans-serif; color:#fff;text-decoration: none;}