JSFiddle - React, Tailwind, and code Playground

by chin

HTML

<table>
    <tr>
        <td> Some more text</td>
        <td>
            <div class="myClass"> My div</div>
        </td>
        <td>Some more text</td>
   </tr>
</table>

CSS

table{
    width:100%;    
}

td{
    border:1px solid black;
    position:relative;
    float:left;
    width:100%;
    height:300px;
}

.myClass{
    position:absolute;
    bottom:0;
    background:red;
    width:100%;
}