JSFiddle - React, Tailwind, and code Playground

by Rob Sedgwick

HTML

<table border="1">
        <tr>
            <td><div>aasd asdas dasd<br />asd asdasdb<br />asd asdc<br /></div></td>
            <td class="container"><div class="a">a</div><div class="b">b</div></td>
            <td class="container"><div class="a">a</div><div class="b">b</div></td>
        </tr>
        <tr>
            <td><div>aasd asdas dasd<br />aasd asdas dasd<br />aasd asdas dasd<br />aasd asdas dasd<br />asd asdasdb<br />asd asdc<br /></div></td>
            <td class="container"><div class="a">a</div><div class="b">b</div></td>
            <td class="container"><div class="a">a</div><div class="b">b</div></td>
        </tr>
    </table>

CSS

td.container{
            position: relative;
        }
        td.container div.a {
            position: ABSOLUTE;
            top: 0;
        }
        td.container div.b {
            position: absolute;
            bottom: 0;
        }