JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
	<link href="main.css" rel="stylesheet">
	<title></title>
</head>
<body>

<div class="header">
	<div class="brand"> AKKJKJK<span>JKJKJFKJDKFJDKJF</span>
	</div>
	<div class="information">AKKJKJK<span>JKJKJFKJDKFJDKJF</span>
	</div>
	
</div>


<div class="content"><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempor porta lorem ornare tincidunt. Nunc ut fringilla ligula. Suspendisse euismod urna ac rhoncus accumsan. Aliquam erat volutpat. Integer vulputate purus augue, at condimentum nisl euismod at. Quisque et dignissim ex. Nulla facilisi. Phasellus nec rutrum lorem, non tristique lorem. Ut egestas quam gravida quam sollicitudin porttitor. Vivamus eleifend nec sapien a consectetur. Quisque semper, purus sed bibendum pretium, odio neque blandit orci, vitae vehicula nibh sapien tincidunt nulla.

In in pulvinar massa. In consectetur risus in porttitor tincidunt. Phasellus tempor, ante in euismod cursus, diam orci vehicula elit, at pretium dolor odio quis erat. Morbi felis dolor, feugiat eget nisl lobortis, rutrum aliquam ipsum. Integer ut urna eu eros dapibus mattis quis eget tellus. Proin vitae dolor a erat eleifend tempor. Suspendisse dapibus vestibulum pharetra. Morbi elit augue, volutpat in leo sit amet, facilisis egestas magna. Donec sed rutrum risus. Maecenas gravida, eros quis interdum tincidunt, neque lorem condimentum orci, eu venenatis ipsum mi eu massa. Pellentesque massa magna, vulputate et diam quis, bibendum posuere est. Phasellus posuere, lectus volutpat facilisis mollis, metus lorem feugiat nunc, non tempor nibh dolor quis nisi. Aenean dolor ligula, dapibus id porttitor ut, rhoncus varius erat. Aenean a dolor efficitur, porttitor purus a, faucibus urna. Cras faucibus non enim iaculis porttitor.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam ac turpis nec lectus auctor pretium. Nullam a libero nunc. Nulla dignissim egestas massa eget convallis. Pellentesque...

CSS

body
{
	margin:0;
	padding:0;
}

.header
{
	height:34px;
	background-color: #ACDACD;
}

.brand
{
	border:2px solid red;
	height:30px;
	display: inline-block;
	vertical-align: top;
}
.information
{
	border: 2px solid blue;
	position: absolute;
	height:30px;
	display: inline-block;
	vertical-align: top;
	right: 0;
	top:0;
}
.content
{
	padding: 20px;
	margin: 0 auto;
	width: 900px;
	height: 2000px;
}