JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row-content">
  <div class="content">
    <div class="table-display">

        <span>content</span>

    </div>
  </div>
</div>

CSS

.row-content {
  float:left;
  position: relative;
  width: 8%;
  padding-bottom: 8%;
  margin:0.16667%;
  background-color:#1E1E1E;
  overflow:hidden;
}

.content {
  position:absolute;
  width:88.7969px;
  height:100%;
}

.table-display{
  display:table;
  width:100%;
  height:100%;
}