JSFiddle - React, Tailwind, and code Playground

by pavloschris

HTML

<div class="parent">
    <span class="previewLabel">Preview:</span>
    <span class="previewText">The quick brown fox jumps over the lazy dog.</span>
</div>

CSS

.previewLabel {

    line-height: 100%;
    vertical-align: middle;
}

.previewText {
   
    vertical-align: middle;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 64px;
    font-style: italic;
    font-weight: bold;
}