JSFiddle - React, Tailwind, and code Playground

by tchalvakspam

HTML

<div style="display: table; height: 400px; overflow: hidden;">
         <div style="display: table-cell; vertical-align: middle;">
           <div>
               everything <b>should</b> be vertically centered .<img src='http://ninjawars.net/images/nw_bamboo_logo_soft.png'>
           </div>
         </div>
       </div>

CSS

div { border:1px solid green;vertical-align:middle;}