JSFiddle - React, Tailwind, and code Playground

HTML

<div id="testimonial">
    <span class="quote">Some random text</span>
</div>

<div id="testimonial">
    <span class="quote">Some random text<br />that spans two lines</span>
</div>

<div id="testimonial">
    <span class="quote">Some random<br />text that spans<br />three lines</span>
</div>

CSS

#testimonial {
    border:1px solid red;
    height: 138px;
    line-height: 138px;
}
span {
    display: inline-block;
    line-height: 19px;
    vertical-align: middle;
}