JSFiddle - React, Tailwind, and code Playground

by aka_SKIff

HTML

<div class="d1">
    <div class="d2">
        <p>sdlfk;sldkf ;lsdkf;lsf;s</p>
        <p>flksdlkfj lksdjflksjfl</p>
        <p>sdkfjlskd flksdjf </p>
    </div>
</div>

CSS

.d1 {
    height:100px;
    background:grey;
    overflow:hidden;
    position:relative;
    line-height:100px;
}

.d2 {
    display:inline-block;
    vertical-align:middle;
}

p {
    line-height:16px;
}