JSFiddle - React, Tailwind, and code Playground

by thirtydot

HTML

<div id="container">
    <div id="left">left</div>
    <div id="right">right</div>
    <div id="footer">footer</div>
</div>

CSS

#container {
    width: 200px;
    margin: 0 auto;
    border: 1px solid blue
}
#left, #right {
    width: 100px;
    float: left;
    outline: 1px dashed #f0f
}
#left {
    height: 200px
}
#right {
    height: 100px
}
#footer {
    clear: both
}