JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    <div id="child">
        <div id="div1">testing</div>        
        <div id="div2">testing2</div>
        <div id="div3">testing3</div>
        <div id="div4">testing4</div>
        <div id="div5">testing5</div>
        <div id="div6">testing6</div>
        <div id="floatRight">
            
        </div>
    </div>
</div>

CSS

#parent {
    margin-bottom:10px;
    width:100%;
}
#child {
    margin-top:10px;
}
#div1, #div2, #div3, #div4, #div5, #div6 {
    background-color:yellow;
    width: auto;
    margin-bottom:10px;
    height:35px;
    margin-left:10px;
    margin-right:10px;
}
#floatRight {
    width: 100px;
    height:200px;
    background-color:blue;
    position: absolute;
    right:10px;
    top:10px;
}