JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mainall">
    <div id="child1" class="childrens">Child1</div>
    <div id="child2" class="childrens">Child2</div>
        <div id="child3" class="childrens">Child2</div>
</div>

CSS

.childrens
{
    position:absolute;
    background-color:green;
    height:200px;
    border:2px solid black;
  
}
#child1
{
  right:0;
    top:20px;
}
#child2
{
    float:left;
    top:40px;
}
#child3
{
    top:70px;
    left:50%
}
#mainall
{
    position:relative;
    background-color:red;
    height:150px;
    overflow:scroll
}