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>

CSS

.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;
}