JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
	<title>Mainan Iseng</title>
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="wdi.css">
	<link href="bootstrap.min.css" rel="stylesheet media="screen">
	<meta name="viewport content="width=device-width, initial-scale=1.0">
</head>
<body>

	<header>


<div id="garis">
		<p>| <a href="#">Daftar Dulu</a></p>
</div>

<div id="masuk">
		<form class="form-inline">
			<input type="text" class="input-medium" placeholder="Email Mu">
			<input type="password" class="input-medium" placeholder="Password">
			<button type="submit" class="btn btn-info">Masuk</button>
			</form>
</div>
		
<div id="promosi">
	<a href="http://website-inspirasi.blogspot.com" title="Web Design Tutorial"><img src="code2.png"></a>
	<p>#Share Your Website Design</p>
</div>

<html>
<head>
	<title>Mainan Iseng</title>
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="wdi.css">
	<link href="bootstrap.min.css" rel="stylesheet media="screen">
	<meta name="viewport content="width=device-width, initial-scale=1.0">
</head>
<body>

	<header>


<div id="garis">
		<p>| <a href="#">Daftar Dulu</a></p>
</div>

<div id="masuk">
		<form class="form-inline">
			<input type="text" class="input-medium" placeholder="Email Mu">
			<input type="password" class="input-medium" placeholder="Password">
			<button type="submit" class="btn btn-info">Masuk</button>
			</form>
</div>
		
<div id="promosi">
	<a href="http://website-inspirasi.blogspot.com" title="Web Design Tutorial"><img src="code2.png"></a>
	<p>#Share Your Website Design</p>
</div>


	</header>



</body>
</html>
	</header>



</body>
</html>

CSS

body{
	margin: 0;
	padding: 0;
	background-color: whitesmoke;
}

header{
	background-color: #F19075;
	width: 83%;
	height: 51px;
	float: right;
}

#masuk{
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}

#garis p{
	font-size: 35px;
	float: right;
	margin-right: 90px;
	margin-top: 11px;
	color: #666;
}

#garis a{
	font-size: 15px;
	float: right;
	margin-right: -90px;
	margin-top: -15px;
	padding: 0 10px;
	color: #333333;
}

#promosi img{
	width: 50px;
	height: 50px;
	margin-left: 10px;
}

#promosi p{
	margin-left: 70px;
	margin-top: -35px;
	font-family: lastwaerk regular;
	color: #333333;
	font-size: 25px;
}