JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a">
        <div id="c">
            FIXED
        </div>
        <div id="b">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, atque, voluptatum, minima quam voluptate rerum ipsa vel tempore perspiciatis non iure odio dicta voluptatibus voluptas reprehenderit nisi consequatur harum possimus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, atque, voluptatum, minima quam voluptate rerum ipsa vel tempore perspiciatis non iure odio dicta voluptatibus voluptas reprehenderit nisi consequatur harum possimus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, atque, voluptatum, minima quam voluptate rerum ipsa vel tempore perspiciatis non iure odio dicta voluptatibus voluptas reprehenderit nisi consequatur harum possimus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, atque, voluptatum, minima quam voluptate rerum ipsa vel tempore perspiciatis non iure odio dicta voluptatibus voluptas reprehenderit nisi consequatur harum possimus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, atque, voluptatum, minima quam voluptate rerum ipsa vel tempore perspiciatis non iure odio dicta voluptatibus voluptas reprehenderit nisi consequatur harum possimus!</p>

        </div>
    </div>

CSS

#a {
            width: 80%;
            background: green;
            overflow: hidden;
        }
        
        #c {
            width: 50px;
            float: right;
            background: yellow;
        }
        
        #b {
            margin-right: 50px;
            background: pink;
        }

p { margin: 0; }