JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mother1">
  <div class="child1"></div>
  <div class="child1"></div>
  <div class="child1"></div>
  <div class="child1"></div>
  <div class="child1"></div>
</div>

<div id="mother2">
  <div class="child2"></div>
  <div class="child2"></div>
  <div class="child2"></div>
  <div class="child2"></div>
  <div class="child2"></div>
</div>

CSS

#mother1{width:400px;background:#eee;outline:1px solid red;display:table}
.child1{width:100px;height:100px;float:left;margin:10px 30px 10px 0;background:green}

#mother2{width:400px;background:#eee;outline:1px solid red;margin-top:15px;}
.child2{width:100px;height:100px;display:inline-block;margin:10px 30px 10px 0;background:#330000}