JSFiddle - React, Tailwind, and code Playground
by rluuan
HTML
<div style='display: flex;'>
<div class='first'>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In at optio pariatur ad eaque perspiciatis omnis ratione deleniti delectus, veritatis officiis sapiente molestiae nisi quasi explicabo, aspernatur ipsum ab accusantium?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo vitae adipisci, neque. Nisi doloremque dolorem, ipsa dolor iusto ratione reiciendis atque quis reprehenderit repellendus explicabo ut, perferendis aspernatur aliquam placeat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. In at optio pariatur ad eaque perspiciatis omnis ratione deleniti delectus, veritatis officiis sapiente molestiae nisi quasi explicabo, aspernatur ipsum ab accusantium?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo vitae adipisci, neque. Nisi doloremque dolorem, ipsa dolor iusto ratione reiciendis atque quis reprehenderit repellendus explicabo ut, perferendis aspernatur aliquam placeat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. In at optio pariatur ad eaque perspiciatis omnis ratione deleniti delectus, veritatis officiis sapiente molestiae nisi quasi explicabo, aspernatur ipsum ab accusantium?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo vitae adipisci, neque. Nisi doloremque dolorem, ipsa dolor iusto ratione reiciendis atque quis reprehenderit repellendus explicabo ut, perferendis aspernatur aliquam placeat.
</div>
<div class='second_relative'>
<div class='second_absolute'>
<div class='second_fixed'>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio facere quis ducimus architecto sed vero, veritatis autem facilis laboriosam blanditiis. Dicta fugit quasi ducimus est quas. Neque esse culpa distinctio!
</div>
</div>
</div>
</div>
CSS
.first {
width: 50%;
}
.second_relative {
width: 50%;
position: relative;
}
.second_absolute {
position: absolute;
left: 0;
top: 0;
}
.second_fixed {
position: fixed;
}