JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
		<ul>
			<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>
			<li><a href="">Контакты</a></li>
		</ul>
		</div>

CSS

.menu {
	display: block;
	font-family: verdana;
	font-weight: bold;
	position: relative;
	top: 100%;
	height: 46px;
	background: url(../img/menu_bg.png) no-repeat;
	background-size: cover;
}

.menu ul {
	display: inline-flex;
	padding: 14px 0px 0px 105px;
}

.menu a{
	text-decoration: none;
	color: #333333;
    padding: 7px 7px 7px 7px; 
}

.menu a:hover {
	background: #666666;
	color: #ffffff;
	padding: 7px 7px 7px 7px; 
	border-radius: 7px;	
}


.menu li{
	padding-right: 35px;
	list-style-type: none;
}