JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
	<div class="content">
	</div>
	<div class="content">
	</div>
	<div class="content">
	</div>
	<div class="content">
	</div>
	<div class="content">
	</div>
	<div class="content">
	</div>
	<div class="content">
	</div>
<div class="clear"></div>
<div>

CSS

.clear{clear:both}

.outer
{
	background-color:#DADADA;
	width:400px;
	border:1px solid silver;
	margin:auto;
	min-height:50px;
	padding:10px;
   
    
}

.content
{
	float:left;
	width:196px;
	min-height:20px;
	background-color:#BABABA;
	margin:2px;
}