JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="main-wraper">
<div class="sub-wraper">
<div class="box">AAA<div class="etiq"><label></label></div></div>
<div class="box">BBB<div class="etiq"><label></label></div></div>
<div class="box">CCC<div class="etiq"><label></label></div></div>
<div class="box">DDD<div class="etiq"><label></label></div></div>
<div class="box">EEE<div class="etiq"><label></label></div></div>
<div class="box">FFF<div class="etiq"><label></label></div></div>
<div class="box">GGG<div class="etiq"><label></label></div></div>
<div class="box">HHH<div class="etiq"><label></label></div></div>
<div class="box">III<div class="etiq"><label></label></div></div>
<div class="box">JJJ<div class="etiq"><label></label></div></div>
<div class="box">KKK<div class="etiq"><label></label></div></div>
<div class="box">LLL<div class="etiq"><label></label></div></div>
<div class="box">MMM<div class="etiq"><label></label></div></div>
<div class="box">NNN<div class="etiq"><label></label></div></div>
<div class="box">OOO<div class="etiq"><label></label></div></div>
<div class="box">PPP<div class="etiq"><label></label></div></div>
</div>
</div>

CSS

@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Oswald);
.main-wraper {
	background-color: #F69;
	text-align: center;
	margin: 50px auto;
}
.sub-wraper {
	background-color: #9CF;
	padding: 20px;
}
.box {
	background-color: #CF6;
	padding: 0 10px 5px 10px;
    border: 1px solid;
	margin: 0 auto;
	width: 320px;
	height: 210px;
	float: left;
}