JSFiddle - React, Tailwind, and code Playground

by skeller88

HTML

<div class="table">
  <div class="table-row">
    <div class="table-cell">
      Content
    </div>
    <div class="table-cell">
      Content
    </div>
    <div class="table-cell">
      Content
    </div>
  </div>
  <div class="table-row">
    <div class="table-cell">
      Content
    </div>
    <div class="table-cell">
      Content
    </div>
    <div class="table-cell">
      Content
    </div>
  </div>
</div>

CSS

.table {
  border-collapse: collapse;
  display: table;
}

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

.table-cell {
  border: 2px solid grey;
  display: table-cell;
}