JSFiddle - React, Tailwind, and code Playground

HTML

<div align="center" class="ui">

    <div class="chv">
        <div class="table full-width full-height">        
            <div class="table-cell align-middle">
                TEST
            </div>
        </div>
    
    </div>
    
</div>

CSS

.ui .chv {
    text-align:center; position:absolute; top:60px; bottom:50px; left:20px; right:20px; display:block; margin:0; height:auto; background:green; text-align:center; vertical-align:middle;
}


.table{display:table;}
.table-cell{display:table-cell;}
.align-middle{vertical-align:middle; text-align:center;}
.full-height{height:100%;}
.full-width{width:100%;}