JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<div id="red">
	aa
	</div>
	<div id="green">
	aa
	</div>
	<div id="blue">
	aa
	</div>
	<div id="yellow">
	aa
	</div>
</body>

CSS

#red
{
	width: 100px;
	height: 100px;
	background-color: red;
	float: left;
}
#green
{
	width: 100px;
	height: 200px;
	background-color: green;
	float: left;
}
#blue
{
	width: 100px;
	height: 100px;
	background-color: blue;
	float: left;
}
#yellow
{
	width: 100px;
	height: 100px;
	background-color: yellow;
	float: left;
}
body
{
	width: 300px;
}