JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Rowspan, Where Art Thou?</title>
</head>
<body>

<table style="border-collapse: collapse;">
    <tbody>
        <tr>
            <td rowspan="3" style="background-color: red; display:flex; flex-flow: column-reverse nowrap; justify-content: space-between;">
                <span>0</span>
                <span>1</span>
                <span>2</span>
                <span>3</span>
            </td>
            <td style="background-color: blue; height:5px;"></td>
        </tr>
        <tr>
            <td style="background-color:purple; width:300px; height:300px; border-left:1px solid black; border-bottom:1px solid black;"></td>
        </tr>
        <tr>
            <td style="background-color: blue; height:5px;"></td>
        </tr>
        <tr>
            <td></td>
            <td style="display:flex; flex-flow:row nowrap; justify-content: space-around; background-color:yellow;">
                <span>1</span>
                <span>2</span>
                <span>3</span>
                <span>4</span>
                <span>5</span>
            </td>
        </tr>
    </tbody>
</table>

</body>
</html>