JSFiddle - React, Tailwind, and code Playground

by Tjacke

HTML

<div id="main">
        <div id="menu">Menu:</div>
    <div id="cont">Content</div>
    <div style="clear:both"></div>
    <div id="fot">Fot</div>
</div>

CSS

#main{
    width: 410px;
    height: 300px;
    border:1px solid black;
}
#menu{
    float: left;
    width: 200px;
    height: 200px;
    background: red;
}
#cont{
    float: right;
    width: 200px;
    height: 200px;
    background: yellow;
}
#fot{
    width: 410px;
    height: 30px;
    background: silver;
    border: 1px solid black;
}