JSFiddle - React, Tailwind, and code Playground

by Gopinath Kaliappan

HTML

<div class="new-table"> 
  <div class="table-child">
    <div class="dif-be">
    asas
    </div>
    hello
  </div>
  <div class="table-child">
    hello
  </div>
  <div class="table-child">
    hello
  </div>
  <div class="table-child">
    hello
  </div>
  <div class="table-child">
    hello
  </div>
</div>

CSS

.new-table {
  height: 100px;
  width: 100%;
  display: table;
  background: green;
}
.table-child {
  position: relative;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.dif-be {
  top: 0px;
  left: 50%;
  position: absolute;
}