JSFiddle - React, Tailwind, and code Playground

by Ajay Patel

HTML

<div class="outer">
    <div class="inner">Heading
    </div>
    Item Name<br />Item Name<br />Item Name<br />
    Item Name<br />Item Name<br />Item Name<br />
    Item Name<br />Item Name<br />Item Name<br />
    Item Name<br />Item Name<br />Item Name<br />
    Item Name<br />Item Name<br />
    Item Name<br />Item Name<br />Item Name<br />Item Name<br />
    Item Name<br />Item Name<br />Item Name<br />
    Item Name<br />Item Name<br />Item Name<br />Item Name<br />
    
</div>

 asdas<br />as<br />as<br />as<br />
 asdas<br />as<br />as<br />as<br />
 asdas<br />as<br />as<br />as<br />
 asdas<br />as<br />as<br />as<br />
 asdas<br />as<br />as<br />as<br />
 asdas<br />as<br />as<br />as<br />
 asdas<br />as<br />as<br />as<br />
 asdas<br />as<br />as<br />as<br />
 asdas<br />as<br />as<br />as<br />

CSS

.outer {
    width:200px;
    height:200px;
    background-color:red;
    /*margin:0 auto;*/
    overflow:auto;    
}
.inner {    
    width:182px;
    border:1px solid black;
    position:absolute;
    background-color:buttonface;
}