JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Документ без названия</title>
	<link type="text/css" href="css/style.css" rel="stylesheet">
</head>
<body>
	<div id="login-block">
		<div class="login">
			<a href="#">MY ACCOUNT</a>
			<a href="#">WISHLIST</a>
			<a href="#">CONTACT</a>
		</div>
	<p>The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog.</p>
	</div>
	<div id="logo-net">
		<ul>
			<li>
				<a href="#"><img src="images/net1.png"></a>
			</li>
			<li>
				<a href="#"><img src="images/net2.png"></a>
			</li>
			<li>
				<a href="#"><img src="images/net3.png"></a>
			</li>
			<li>
				<a href="#"><img src="images/net4.png"></a>
			</li>
			<li>
				<a href="#"><img src="images/net5.png"></a>
			</li>
		</ul>
		<img src="images/logo.png" class="logo">
	</div>
	<div id="menu">
		<div id="cart">
			<img src="images/cart.png" class="cartV">
			<p>Shopping cart:<span class="sc">3 ITEMS</span> <span class="sc2">70$</span></p>
		</div>
		<div id="menu-block">
			<ul>
				<li><a href="#">PRODUCTS</a></li>
				<li><a href="#">IDEAS</a></li>
				<li><a href="#">BRANDS</a></li>
				<li><a href="#">GIFTS</a></li>
				<li><a href="#">STORES</a></li>
			</ul>
		</div>
	</div>
	<div></div>
	<div id="wrapper">
		<div id="content"></div>
		<div id="sidebar"></div>
	</div>


</body>
</html>

CSS

body {
	background:url(../images/main-bg.png) repeat;
	width:1005px;
	margin:0 auto;
}

p {
	color:#ABABAB;
	font-family:Calibri, san-serif;
	font-size:14px;
}

a {
	color:#ABABAB;
	font-family:Calibri, san-serif;
	font-size:14px;
}

#login-block {
	background-color:#FFFFFF;
	height:50px;
}

#login-block p {
	margin:0;
	padding:13px 30px;
}

.login {
	float:right;
	padding:13px 30px;
}

.login a {
	text-decoration:none;
	padding:0 10px;
}

.login a:hover {
	color:#6DBDD2;
}

#logo-net {
	margin:65px 0;
}

#logo-net ul {
	float:right;
}

#logo-net li {
	float:left;
	list-style:none;
	padding:0 5px;
}

.logo {
	padding-left:30px;
}

#menu {
	height:47px;
	background-color:#FFFFFF;
	border-bottom:5px solid #F02B63;
}

#cart {
	margin-right:30px;
	float:right;
}

#cart p {
	width:190px;
	margin:0;
	margin-top:12px;
}

.sc {
	padding:0 5px;
	color:#4CB1CA;
}

.sc2 {
	color:#7DB122;
}

.cartV {
	float:right;
	margin-top:12px;
	width:19px;
	height:19px;
}

#menu-block {
	width:750px;
}

#menu-block li {
	list-style-type:none;
	float:left;
	padding-top:10px;
	padding-right:80px;
	margin:0;
}

#menu-block a {
	color:#000000;
	font-size:18px;
	text-decoration:none;
}

#menu-block a:hover {
	color:#F02B63;
	background:url(../images/mihstore_07.png) no-repeat;
}