JSFiddle - React, Tailwind, and code Playground

HTML

<div class='container1'>
    <div class='floated'></div>
    <div class='floated'></div>
    <div class='floated'></div>
</div>


<div class='container2'>
    <div class='floated'></div>
    <div class='floated'></div>
    <div class='floated'></div>
</div>

CSS

.floated{
    position : relative;
    border : 1px solid #000;
    float : left;
    width : 100px; 
    height : 50px;
}
.container2{
    position : absolute;
    top : 0px; 
    left :0px;
    width : 250px;
    border : 1px solid #f00;
    height : 200px;
}
.container1{
    position : absolute;
    top : 200px;
    left :0px;
    width : 350px;
    border : 1px solid #f00;
    height : 200px;
}