JSFiddle - React, Tailwind, and code Playground

by davidmurdoch

HTML

<body>
<table>
    <tr height="85">
        <td colspan="2">
            <div class="header">Header</div>
        </td>
    </tr>
    <tr height="*">
        <td width="200" valign="top">
            <div class="sidebar">
                <form target="iframe" action="/">
                    <input type="submit">
                </form>
                <a href="/" target="iframe">link</a>
            </div>
        </td>
        <td valign="top"><iframe id="iframe" frameborder="0" src="/"></iframe></td>
    </tr>
</table>
</body>

CSS

body,html{
    height:100%;
}
table{
    width:100%;
    height:100%;
}
table,
table tr,
table td{
    padding:0;
    margin:0;
    background:red;
}
.header{
    height:85px;
    background:red;
    border-bottom:5px solid blue;
}
.sidebar{
    background:red;
    height:100%;
}
#iframe{
    border:0;
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    display:block;
}