JSFiddle - React, Tailwind, and code Playground

by 5p17f1Re

HTML

<div class="sidebar">Menu</div>
<div class="content">
    before
    <div>
        <div class="float" style="background: black;"></div>
        <div class="float" style="background: white;"></div>
        <div class="clear"></div>
    </div>
    after
</div>

CSS

.sidebar {position: absolute; top:0; right: 0; width: 100px; background: red; height: 200px;}
.content {margin-right: 150px; background: silver; min-height: 500px;}
.float {float: left; width: 20px; height: 20px;}
.clear {clear: both;}