JSFiddle - React, Tailwind, and code Playground

by deathstalkersid

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
   <style>
       tr {
           vertical-align: middle;
           text-align: center;
       }
       
       td {
           border: 1px solid black;
       }
   </style>
</head>
<body>
<div class="table-responsive">
    <table class="table">
        <tbody>
            <tr>
                <td rowspan="3">1</td>
                <td rowspan="6">2</td>
                <td rowspan="2">3</td>
                <td rowspan="2">4</td>
            </tr>
            <tr>
            </tr>
            <tr>
                <td rowspan="2">3</td>
                <td rowspan="2">4</td>
            </tr>
            <tr>
                <td rowspan="3">1</td>
            </tr>
            <tr>
                <td rowspan="2">3</td>
                <td rowspan="2">4</td>
            </tr>
            <tr></tr>
        </tbody>
    </table>
</div>
</body>
</html>