JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <div class="table-row">
    <div class="float">1</div>
    <div class="float">2</div>
    <div class="float">3</div>
  </div>
  <div class="table-row">
    <div class="float">1</div>
    <div class="float">2</div>
    <div class="float">3</div>
  </div>
  <div class="table-row">
    <div class="float">1</div>
    <div class="float">2</div>
    <div class="float">3</div>
  </div>
</div>
<br/>
<br/>
<div>
  <div class="table-row">
    <div class="table-cell">1</div>
    <div class="table-cell">2</div>
    <div class="table-cell">3</div>
  </div>
  <div class="table-row">
    <div class="table-cell">1</div>
    <div class="table-cell">2</div>
    <div class="table-cell">3</div>
  </div>
  <div class="table-row">
    <div class="table-cell">1</div>
    <div class="table-cell">2</div>
    <div class="table-cell">3</div>
  </div>
</div>

CSS

.table-row {
  clear: both;
}

.table-row:nth-child(odd) {
    background-color: rgb(200,203,207);
}

.float {
    float: left;
}

.table-cell {
    display: table-cell;
}