JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="inner">
        //some stuff<br/>
        //some stuff<br/>
        //some stuff<br/>
        //some stuff<br/>
        //some stuff<br/>
        //some stuff<br/>
        //some stuff<br/>
        //some stuff<br/>//some stuff<br/>
        //some stuff<br/>//some stuff<br/>
        //some stuff<br/>//some stuff<br/>
        //some stuff<br/>//some stuff<br/>
        //some stuff<br/>
    </div>
</div>

CSS

.outer {
    display: table;
    position: relative;
    width:100%;
    height:100%;
    position:absolute;
    border:1px red solid;
}
.inner {
    display: table-cell;
    position: relative;
    vertical-align: middle;
}