JSFiddle - React, Tailwind, and code Playground

by neal_fletcher

HTML

<div id="test-wrap">
    <div class="white-wrap">
        <div class="text">test</div>
    </div>
</div>

CSS

#test-wrap {
   display: table-cell;
    width: 500px;
    height: 500px;
    background: gray;
    vertical-align: middle;
    text-align: center;
}

.white-wrap {
    display: inline-block;
    width: 50%;
    height: 50%;
    background: red;
}