JSFiddle - React, Tailwind, and code Playground

HTML

<style>
    body { background-color: #ccc; }
    table, tr, td { border: 2px solid #00f; }
    td > div { background-color: #fff; color: #f00; padding: 5px;}
</style>

<table>
    <tr>
        <td>
            <div style="position: relative; z-index: 1000">line<br />line<br />line</div>
        </td>
        <td>
            <div style="position: relative; z-index: 1000">fill contents</div>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <div style="position:absolute; top:0; left:0; background: #000; width:100%; height:100%"></div>
        </td>
    </tr>
</table>