JSFiddle - React, Tailwind, and code Playground

by Dineshkani

HTML

<div class='parentclass'>
    <div class='childclass'>Text which is more than two or three lines</div>
</div>

CSS

.parentclass {
 height: 260px;
 text-align: center;
    display:table;
}
.childclass {
    display: table-cell;
    vertical-align: middle;
 width: 430px;
 top: 50%;
 text-align: center;
 text-overflow: -o-ellipsis-lastline;
 border: 1px solid blue;
 font-family: Arial;
 font-size: 28px;
 color: black; }