JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu">
    <li><a href="#">Главная</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>
    <li><a href="#"><span></span>Контакты</a></li>
</ul>

CSS

body {
	font: 16px/24px Tahoma, sans-serif;
}
ul.menu {
	font-size: 14px;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

ul.menu > li {
	float: left;
	position: relative;
	background-image:...