JSFiddle - React, Tailwind, and code Playground

by Eric Howe

HTML

<div>
    <table>
        <tr>
            <td>Hi There.</td>
            <td>x</td>
        </tr>
        <tr>
            <td>Here is some text.</td>
            <td class="space-hog"></td>
        </tr>
    </table>
</div>

CSS

div {
    border: 1px solid #0f0;
    height: 500px;
}
table {
    width: 100%;
    height: 100%;
}
td {
    white-space: nowrap;
    vertical-align: top;
}
td.space-hog {
    width: 100%;
    height: 100%;
    background: #00f; /* Just so you can see it */
}