JSFiddle - React, Tailwind, and code Playground

by Ozren Tkalčec Krznarić

HTML

<body>
    <table style="width: 100%">
        <tr>
            <td style="height: 55px;" colspan="3">Top</td>
        </tr>
        <tr>
            <td style="width: 60px;">Left</td>
            <td>Center</td>
            <td style="width: 100px;">Right</td>
        </tr>
        <tr>
            <td style="height: 25px;" colspan="3">Bottom</td>
        </tr>
    </table>
</body>

CSS

html, body, table { 
    height: 100%;
    margin: 0px
} 

/*table { 
    border-collapse: collapse;
    border-spacing: 0;
    border: 0px none;
}*/

/*table tr { 
    background-color: #999;
}*/

table td { 
    vertical-align: top;
    background-color: #f3ca12;
}