JSFiddle - React, Tailwind, and code Playground

by rus333

HTML

<html>
    <head>
        <style type="text/css">
            html, body {
                height: 100%;
            }
            table {
                height: 100%;
                width: 600px;
                border: #000000 solid 1px;
                border-collapse: collapse;
            }
            table td {
                border: #000000 solid 1px;
            }
            .main_td {
                height: 100%;
            }
            .one {
                height: 10%;
            }
            .two {
                height: 80%;
            }
            .three {
                height: 10%;
            }
        </style>
    </head>
    <body>
        <table>
            <tr>
                <td rowspan="3" class="main_td"></td>
                <td>
                    <tr>
                        <td class="one"></td>
                    </tr>
                    <tr>
                        <td class="two"></td>
                    </tr>
                    <tr>
                        <td class="three"></td>
                    </tr>
                </td>
            </tr>
        </table>
    </body>
</html>