JSFiddle - React, Tailwind, and code Playground

HTML

<html><head><style type="text/css">
    html {width: 100%; height: 100%; background: red;}
    body {width: 100%; min-height: 100%; background: green; position:relative;}
    
    .leftbar, .rightbar {height: 100%; background: blue; position:absolute;}

    .leftbar  {left:0; top:0;}
    .rightbar {right:0; top:0;}

    table {width: 100px; height: 800px; background: black; color: white;
           margin: 0 auto 0 auto;}
</style></head>
<body>
    <ul class="leftbar"><li>one</li><li>two</li></ul>
    <ul class="rightbar"><li>alpha</li><li>beta</li></ul>
    <table><tbody><tr><td>blah blah</td></tr></tbody></table>
</body>
</html>