JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
	<div id="smallcontainer">
		<div class="status"></div>	
		<div class="status"></div>	
	</div>
</div>

CSS

body {
		font-family: sans-serif;
	}
	#container {
		width: 800px;
		height: 600px;
		margin: 0 auto;
		border: 1px  solid #ccc;
	}
	#smallcontainer {
		width: 208px;
		height: 100px;

		margin: 200px auto auto;
	}
	.status {
		height: 100px;
		width: 100px;
		background: #efefef;
		float: left;
		margin-left: 2px;
		border: 1px solid #ccc;
	}