JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col">
    <p>Lorem ipsum dolor sit amet..</p>
    <div class="col-prew">text prew</div>
</div>
<div class="col">
    <div class="col-prew">text prew</div>
</div>
<div class="col">
    <div class="col-prew">text prew</div>
</div>

CSS

.col {
    display: table;
    position: relative;
    float: left;
    ;
    width: 33.3%;
    height: 250px;
    background: red;
}
.col:nth-child(2n) {
    background: green;
}
.col-prew {
    display: table-cell;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: gray;
    vertical-align: middle;
}