JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
	
<div id="header">
	<div id="logo">
		<div id="img-logo"><img src="http://s24.postimg.org/oihsbnzjl/comp.png" alt=""></div>
		<div id="img2-logo"><img src="http://s21.postimg.org/yjihqfooj/gigaspace.png" alt=""></div>
		<div id="text-logo">We provide the power for your computer system</div>
	</div>
	<div id="text"></div>
</div>
	<div id="nav">
		<ul>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
	</div>


</body>
</html>

CSS

* {
	padding: 0 0;
	margin: 0 0;
}

body {
	width: 100%;
}

#header {
	position: relative;
	height: 109px;
	background: url('http://s9.postimg.org/c85iff0pn/head_bg.jpg');
	border-bottom: 1px solid black;
	padding-top: 1px;
}

#logo {
	overflow: visible;
	height: inherit;
	margin-top: 1px;
	float: left;
}

#img-logo {
	margin-left: 125px;
	margin-top: 30px;
	float: left;
}

#img2-logo {
	margin-top: 43px;
	float: left;
	margin-left: 13px;
}

#text-logo {
	font-family: "Myriad Pro", Arial;
	font-size: 14px;
	font-weight: bold;
	margin-top: -5px;
	color: #545454;
}