JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
    <tr>
        <td class="fooed">
            <div class="foo"></div>
        </td>
        <td>
            lsdsdfsdf
            <br/>
            sdfsfsf
            <br/>
            sdfsfsf
            <br/>
            sdfsfsf
        </td>
    </tr>
</table>

CSS

td.fooed {position:relative; width:30px;}
    .foo {
        position:absolute;
        top:0px; left:0px; right:0px; bottom:0px;
        background:gray;
    }