JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
   <div class="inner1">
     Lorem ipsum dolor
   </div>
   <div class="inner2">
     
   </div>
               
</div>

CSS

.outer{
  position: relative;
  width: 400px;
  height: 300px;
  border: 1px solid black;
  overflow: auto;
}

.inner1{
  position: absolute;
  width:50px;
  height: auto;
  border: 1px solid blue;
  top: 10px;
  right: 10px;
}
.inner2{
  width: 500px;
  height: 500px;
}