JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="content-wrap">
        <div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit minus vitae delectus atque maxime nisi impedit repudiandae consequatur eum similique recusandae eos? Enim nobis voluptatibus itaque ipsam odit rem assumenda iure architecto delectus perferendis consectetur minus quibusdam in reiciendis asperiores quo laborum! Aliquam reiciendis pariatur necessitatibus nemo consequatur perferendis error?</div>
    </div>
    <div class="sidebar">sidebar</div>
</div>

CSS

.main:after{
    content:'';
    display: table;
    clear: both;
}
.content-wrap{
    float: left;
    width: 100%;
}
.content{
    margin: 0 0 0 220px;
    background: #f00;
}
.sidebar{
    float: left;
    width: 200px;
    margin: 0 0 0 -100%;
    background: #00f;
}