JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <div class="in_td">
                text
                <div>bottom</div>
            </div>
        </td>
    </tr>
</table>

CSS

*
{
    padding:0px;
    margin:0px;
}
html,body
{
    height:100%;
}
table
{
    border-collapse:collapse;
}
td
{
    width:100px;
    height:100px;
    border:1px solid #bbb;
    vertical-align:top;
}
td div
{
    position:absolute;
    bottom:0px;
}
.in_td
{
    position:relative;
    height:100%;
}