JSFiddle - React, Tailwind, and code Playground

by Slava Slava

HTML

<div class="dt">
  <div class="tr">
    <div class="tc">
        <span class="text">test dfds sdf ds sdfsdf dsfsdf dfssdfdsfdgfdgdfgdfgfdg</span>
    </div>
  </div>
</div>

CSS

.dt {
  width: 200px;
  display: table;
  min-height: 70px;
  border: 1px solid;
}
.tr {
  display: table-row;
  min-height: 70px;
  vertical-align: middle;
}
.tc  {
  display: table-cell;
  vertical-align: middle;
}