JSFiddle - React, Tailwind, and code Playground

HTML

<div id="d1">
    <h3>header</h3>
    <div id="table">
        <div id="d2">
            <select><option>Status</option></select>
        </div>
    </div>
</div>

CSS

div#d1 {height:100px;width:100%;border:2px solid black}

div#table {display:table; width:100%;text-align:center}
div#d2 {
    display:table-cell; 
    vertical-align:middle;
    height:80px;

}

h3{background:red;text-align:center}