JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">

	<link rel="stylesheet" href="style.css">
</head>
<body>
	<div class="wrapper">
		<div class="left">
		</div>

		<div class="right">
		</div>
	</div>
</body>
</html>

CSS

.wrapper {
	max-width: 800px;
	height: 400px;
	background-color: green;
	margin: 0 auto;
}

.left {
	width: 250px;
	height: 300px;
	background-color: blue;
	float: left;
	margin-right: 20px;
}

.right {
	width: 550px;
	height: 300px;
	background-color: red;
	float: left;
}