JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">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 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

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