JSFiddle - React, Tailwind, and code Playground

by Denni Adam

HTML

<table>
    <tr>
        <td id="r1c1">row 1 col 1</td>
        <td id="r1c2">row 1 col 2</td>
        <td id="r1c3">row 1 col 3</td>
    </tr>
    <tr>
        <td id="r2c1">row 2 col 1</td>
        <td id ="big" colspan="2" rowspan="2">
            <div id="div"></div>
        </td>
    </tr>
    <tr>
        <td id="r3c1">row 3 col 1</td>
    </tr>
</table>

CSS

td {
border: 1px dashed black;
}

#div {
    border: 1px solid red;
    height: 100%;
}