JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <h6>Here is some text. Look at this lovely text. Isn't it nice?</h6>
</div>

CSS

div {
    background-color: yellow;
    height: 300px;
    width: 200px;
    position:relative;
}

h6 {
    font-size: 12px;
    line-height: 1em;
    position:absolute;
    top:45%;       
}