JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    
    <div class="faketable">
        
        <div class="alignert">
            <ul>
                <li>Test</li>
                <li>Blaat</li>
                <li>Hoi</li>
            </ul>
        </div>
    
    <div>
</div>

CSS

.wrapper { background: blue; width: 100%; display: table; }
.faketable { display: table; width: 100%; }
.alignert { display: table-cell; vertical-align: middle; height: 300px; width: 50%; background: red; }