JSFiddle - React, Tailwind, and code Playground

by Bizon4ik

HTML

<div id="red">
    <div id="blue">  
                            
    </div>

    <div class="green">       
    </div>

    <div class="green">       
    </div>

    <div class="green">       
    </div>

</div>

CSS

#red {
    border:1px solid red;
    width:500px;
        height:130px;
}
#blue {
   border:1px solid blue; 
    float:left;
    height:126px;
    width:300px;
}
.green {
    border:1px solid green; 
    width:190px;
    height:40px;
    margin-left: 305px;   
 /* или вместо margin-left: 305px; добав float:right; все зависит от того известна ли тебе длина синего   */
}