JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr><td>
        <div class="container">
            <div class="top">Top</div>
            <div class="bottom">Bottom</div>
        </div>
    </td></tr>
</table>

CSS

td {
    height: 300px;
    width: 200px;
}
.container {
    height: 100%;
    width: 100%;
    border: 1px solid #000;
    position: relative;
}

.top {
    position: absolute;
    top: 0;
}

.bottom {
    position: absolute;
    bottom: 0
}