JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="inner">Lorem ipsum dolor sit amet, consectetur adipisicing elit. A commodi quos veniam fugiat cupiditate nesciunt ad voluptates sit non quod corporis voluptatem molestiae sequi. Nulla error maxime inventore nemo corrupti.</div>
</div>
<div class="float">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est numquam quas delectus eius magni saepe modi molestias. Officiis ea nulla repudiandae laudantium incidunt debitis rerum et ratione perspiciatis minus expedita.</div>

CSS

.float {
    background: #69c;
}
.inner {
    background: #f0f0f0;
}
@media (min-width: 800px) {
    .outer {
        float: left;
        width: 100%;
        margin-right: -210px;
    }
    .float {
        float: right;
        width: 200px;
    }
    .inner {
        margin-right: 210px;
    }
}