JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
		
			<div class="wrapper">
				<div class="box">
				
				</div>
			</div>
				<div class="wrapper">
				<div class="box">
				
				</div>
			</div>
				<div class="wrapper">
				<div class="box">
				
				</div>
			</div>
				<div class="wrapper">
				<div class="box">
				
				</div>
			</div>
			
			
			
			
		</div><!-- Container close -->

CSS

*{
	margin: 0;
	padding: 0;
}

body{
	background: black;
}
#container{
	width: 960;
	margin: 0 auto;
}

.wrapper{
	display: inline-block;
	float: center;
}
.box{
	width: 240px;
	height: 240px;
	
	background: white;
}