JSFiddle - React, Tailwind, and code Playground

by sc0rp10

HTML

<table border="1" cellspacing="0" cellpadding="0" style="width:60%;">
    <tr>
        <td style="width:50%">
            <div style="width:100%;position:relative;background-color:green">
                <div style="position: relative; top: 0;bottom: 0; right:0; left: 0;background-color:#ddd;">
                    <a href="">foo</a>
                    <br>
                    <a href="">bar</a>
                    <br>
                    <a href="">baz</a>
                    <br>
                </div>
                <div style="position: absolute; left: 100%; top: 0; bottom: 0; z-index: 2; width: 100%;">
                    <div style="width:50px;top:0;right:0;bottom:0;position:absolute;background-color: #EBACCA;">50px</div>
                </div>
            </div>
        </td>
        <td style="width:50%"></td>
    </tr>
</table>