JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <div>
                abcde abcde abcde abcde abcde abcde
                abcde abcde abcde abcde abcde abcde
                abcde abcde abcde abcde abcde abcde
                abcde abcde abcde abcde abcde abcde
                abcde abcde abcde abcde abcde abcde
                abcde abcde abcde abcde abcde abcde
                abcde abcde abcde abcde abcde abcde
                abcde abcde abcde abcde abcde abcde
                abcde abcde abcde abcde abcde abcde
                abcde abcde abcde abcde abcde abcde
            </div>
        </td>
        <td>
            <div>
                xxx
            </div>
        </td>
    </tr>
</table>

CSS

td {
    border: 1px solid red;
    width: 50%;
    background-color: yellow;
}

td div {
    background-color: green;
    width:100%;
    height: 100%;
    margin: 0;
    padding:0;
}
 tr, td { height: 100%; }