JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <div>element</div>
        </td>
        <td>
            <div>element</div>
        </td>
        <td>
            <div>element</div>
        </td>
    </tr>
    <tr>
        <td>
            <div>element</div>
        </td>
        <td rowspan="2">
            <div class="double">element</div>
        </td>
        <td>
            <div>element</div>
        </td>
    </tr>
    <tr>
        <td>
            <div>element</div>
        </td>
        <td>
            <div>element</div>
        </td>
    </tr>
</table>

CSS

* {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
}
td {
    height:100px;
    width:70px;
    background-color:red;
}
td div {
    height:100px;
    background-color:green;
    width:100%
}
.double {
    height:200px;
    z-index:10;
    background-color:yellow;
}