JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
    <article>
        <header>
            This is the Title
        </header>
        <div id="content_outer">
            <div id="content">
           
            This is the content.<br />
            This is the content.<br />
            This is the content.<br />
            This is the content.<br />
            This is the content.<br />
            This is the content.<br />
            This is the content.<br />
            This is the content.<br />
            This is the content.<br />
            This is the content.<br />
            This is the content.<br />
            This is the content.<br />
            This is the content.<br />
            This is the content.<br />
            This is the content.<br />
                
            </div>
        </div>
    </article>
</div>

CSS

#main { width: 300px; height: 300px; background:Khaki; }
article { height:100%; margin-left:20px; background: Peru; } 
article header { background: SaddleBrown; margin: 0 20px; padding:20px; } 
#content_outer { background: GoldenRod; overflow: auto; height:100%; } 
#content { background: LightGoldenRodYellow; margin:20px; }