JSFiddle - React, Tailwind, and code Playground

HTML

<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
<div class="four"></div>

CSS

body{
	margin: 0px;
	padding: 0px;
}


.one{
	width: 200px;
	height: 200px;
	background: red;
	position: relative;
}

.two{
	width: 200px;
	height: 200px;
	background: green;
	position: absolute;
	top: 0px;
	left: 200px;
}

.three{
	width: 200px;
	height: 200px;
	background: blue;
	position: relative;
}

.four{
	width: 200px;
	height: 200px;
	background: black;
	position: absolute;
	top: 200px;
	left: 200px;
}