JSFiddle - React, Tailwind, and code Playground

by Dmitry Morar

HTML

<div class="parent">
  <div class="child">1</div>
  <div class="child">2</div>
  <div class="child">3</div>
</div>

CSS

.child {
  float: left;
  background: #000;
  color: #fff;
  width: 30%;
  margin: 0 10px;
  text-align: center;
}

.parent::after {
  content: '';
  display: table;
  clear: both;
}