JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<header>
		<div class="container">
			<nav>
				<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>
			</nav>
			<div class="user-box">
				<a href="#">Вход</a>
			</div>
		</div>
	</header>
</body>

CSS

body {
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

.container {
	width: 940px;
	margin: 0 auto;
}

header {
	width: 1200px;
	height: 70px;
	margin: 0 auto;
	background: #000;
}

nav {
	margin-right: 0;
	padding: 0;
	width: 880px;
	border: 1px solid red;
}

nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

nav li {
	display: inline-block;
	font-size: 16px;
}

nav li a {
	display: block;
	padding: 25px 20px;
	color: #fff;
	text-decoration: none;
}

.user-box {
	padding: 0;
	margin: 0;
	border: 1px solid red;
	float: right;

}

.user-box a {
	margin: 0;
	padding: 0;
	color: #fff;
}