JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<header>
		<section>
			<div class="logo">
				<a href="#"><img src="images/logo.png" alt="Логотип"></a>
				<p>
					ladies collection
				</p>
			</div>
			<ul class="top-menu">
				<li><a href="#">on sale</a></li>
				<li><a href="#">best sellers</a></li>
				<li><a href="#">the blog</a></li>
				<li><a href="#">About us</a></li>
				<li><a href="#">My Collection</a></li>
				<li><a href="#">Login</a></li>
			</ul>
			<div class="search">
				<form action="send.php">
					<input type="text" placeholder="search">
				</form>
			</div>
		</section>
	</header>
</body>
</html>

CSS

body {
	background: url(../images/bg-top.jpg) no-repeat top center;
}


header > section {
	margin: 0 auto;
	width: 960px;
	
}

.logo {
	display: inline-block;
}

.logo p {
	color: #9e948a;
	font: 14px Arial, sans-serif;
}

.top-menu {
	display: inline-block;
	background: rgba(247, 215, 233, 0.25);
	vertical-align: top;
}

.top-menu li {
	display: inline-block;
	padding: 10px 0;
	width: 115px;
	text-align: center;
}


.top-menu li a {
	color: #711c4c;
	font: 14px Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 1px 1px 1px #fff;
}