JSFiddle - React, Tailwind, and code Playground

by Wentz Wu

HTML

<div id="header">header</div>
<div id="content-box">
    <div id="menu">menu</div>
    <div id="content">content</div>
</div>
<div class="clearfix"></div>
<div id="foot">foot</div>

CSS

div {
    margin: 2px;
    border: 1px solid black;
}
#menu {
    display: inline;
    width: 17%;
    min-height: 200px;
}
#content {
    display: block;
    margin-left:auto; margin-right: auto;
    min-height: 200px;
}
#content-box {
    position: relative;
    border: 0px;
}
.clearfix {
    clear:both;
    margin: 0px;
    border: 0px;
}