JSFiddle - React, Tailwind, and code Playground

HTML

<div >
    <span style="vertical-align:top;">top</span>
    <span style="vertical-align:middle;">middle</span>
    <span style="vertical-align:baseline;">baseline</span>
    <span style="vertical-align:bottom;">bottom</span>
</div>

CSS

span {
    outline: 1px solid red;
}
div {
    background: yellow;
    height: 100px;
    font-size: 50px;
}