JSFiddle - React, Tailwind, and code Playground

by Rob Sedgwick

HTML

<table width="300px" border="1">
    <tr>
        <td>Lots of text
            <br/>Lots of text
            <br/>Lots of text
            <br/>Lots of text
            <br/>Lots of text
            <br/>Lots of text
            <br/>Lots of text
            <br/>Lots of text
            <br/>
        </td>
        <td style="position:relative;">
            <div class="vtop">Some random text</div>
            <div class="vbottom">Hello mum</div>
        </td>
    </tr>
</table>

CSS

.vtop {
	vertical-align: top !important;
    position:absolute;top:0;
}

.vbottom {
	vertical-align: bottom !important;
    position:absolute;bottom:0;
}