JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
				<ul class="menu" align=center>
					<li><a href="#">Главная</a></li>
					<li><a href="#">Продукция</a></li>
					<li><a href="#">Доставка</a></li>
					<li><a href="#">Контакты</a></li>
				</ul>
			</nav>

CSS

body {
	margin: 0;
	padding: 0;
	background-position: center center;
	background-image: url(images/bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
font: 16px Arial;}
a {text-decoration: none;
}
header.main {
	height: 180px;
	width: 980px; 
	margin: 0 auto;
}
nav ul.menu {
	height: 30px;
	width: 980px;
	background: #EFEFEF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
	clear: right;
}
nav ul.menu li {
	display: inline-block;
	height: 30px;
	width: 200px;
	background: #CCCCCF;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
nav ul.menu li a {
	
}
div.mid {
	width: 980px; 
	margin: 0 auto;
	background: #FFFFFF;
}