JSFiddle - React, Tailwind, and code Playground

by Drackir

HTML

<h1>Test Table</h1>
    <table width="100%">
    <tbody>
        <tr>
            <td>
                <div class="panel">
                    <div class="panel-header">
                    Header One

                    </div>
                    <div class="panel-body">
                    Body One
                        <br />
                        <br />
                        <br />
                    </div>
                </div>
            </td>
            <td>
                <div class="panel">
                    <div class="panel-header">
                    Header Two
                    </div>
                    <div class="panel-body">
                    Body Two
                    </div>
                </div>
            </td>
            <td>
                <div class="panel">
                    <div class="panel-header">
                    Header Three
                    </div>
                    <div class="panel-body">
                    Body Three
                    </div>
                </div>
            </td>
        </tr>
    </tbody>
    </table>
<br /><br />
<div id="main">
    <div class="container">
        <div class="panel">
            <div class="panel-header">Header One</div>
            <div class="panel-body">Body One<br /><br /><br /></div>
        </div>
    </div>
    <div class="container">
        <div class="panel">
            <div class="panel-header">
            Header Two
            </div>
            <div class="panel-body">
            Body Two
            </div>
        </div>
    </div>
    <div class="container">
        <div class="panel">
            <div class="panel-header">
            Header Three
            </div>
            <div class="panel-body">
            Body Three
            </div>
        </div>
    </div>
    <div style="clear:both;"></div>
</div>

CSS

td {border: 1px solid red; padding: 1px;vertical-align:top;}
.panel {border: 1px solid blue; padding: 1px;}
.panel-header{background-color: green; color: white;}
.panel-body {border: 1px solid green; padding: 1px;}

#main {
    width:100%;
    border:1px solid  red;
    height:auto;
}
.container {
    float:left;
    width:33%;
    margin: 1px 0 1px 1px;
    height:100%;
}