JSFiddle - React, Tailwind, and code Playground

by NGLN

HTML

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

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

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

CSS

#testimonial {
    background: #333 url('images/testimonial.png') no-repeat;
    width: 898px;
    height: 138px;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
    padding: 0 30px 0 30px;
    line-height: 138px;
}
#testimonial>span {
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
}
.quote {
    font-size: 32px;
    font-family: "Times New Roman", Verdanna, Arial, sans-serif;
    font-style: italic;
    color: #676767;
    text-shadow: 1px 1px #e7e7e7;
    line-height: 32px;
}