JSFiddle - React, Tailwind, and code Playground

by ptriek

HTML

<table>
    <tr>
        <td>
            <div>
                1<br/>
            </div>
        </td>
        <td>
            <div>
                2<br/><br/><br/>
            </div>
        </td>
    </tr>
</table>

CSS

table {
    width: 200px;
    position: relative; 
}
table tr td {
    background-color: blue;
    width: 47%;
    position: relative;
    margin: 10px 1%;
    border: 1px solid #eee;
}
table tr td div {
    height: 100%;
    background-color: red;
}

JavaScript

$(document).ready(function(){
    $('div').height($('td').outerHeight());
})