JSFiddle - React, Tailwind, and code Playground

HTML

<div style="background: yellow">
    <div style="float: left; width: 55px; height: 40px;">
      &nbsp;
    </div>
    <div style="float: right; width: 155px; font-size: 0.7em; height: 40px; display: table; overflow: hidden;">
        <div style="display: table-cell; vertical-align: middle;">
            <div style="">
                <a href="link">This is the text to vertically align</a>
            </div>
        </div>
    </div>
    <div style="clear: both"></div>
</div>