JSFiddle - React, Tailwind, and code Playground

HTML

<div id='middle'>
        <input type='text' value='test'/><br/>
        <span>a</span><br/>
        <span>two</span>
    </div>

CSS

div#middle {
        height: 200px;
        vertical-align: middle;
        display: table-cell;
    }