JSFiddle - React, Tailwind, and code Playground

HTML

<blockquote>
    <span class="quote open">&ldquo;</span>
    1. Hello
    <span class="quote close">&rdquo;</span>
</blockquote>
<br>
<blockquote>
    <span class="quote open">&ldquo;</span>
    2. Some dynamic words are going to be shown here&hellip;
    <span class="quote close">&rdquo;</span>
</blockquote>
<br>
<blockquote>
    <span class="quote open">&ldquo;</span>
    3. A a a a a a a a a a a a a a a a a a a a a a a a a a a a a a
    <span class="quote close">&rdquo;</span>
</blockquote>
<br>
<blockquote>
    <span class="quote open">&ldquo;</span>
    4. Principia Mathematica
    <span class="quote close">&rdquo;</span>
</blockquote>
<br>

CSS

blockquote {
    background-color: #eee;
    margin-bottom: 20px;
    max-width: 140px;
    display: inline-block;
}
.quote {
    font-size: 34px;
    /*position: relative;*/
}
.open {
   position:relative;top:10px
}
.close {
    position:relative;top:18px}*/