JSFiddle - React, Tailwind, and code Playground

HTML

<div id="todos">
        <div id="div1"></div>
        <div id="div2"></div>
        <div id="div3"></div>
        <div id="div4"></div>
    </div>

CSS

#todos{
    width:100px;
    height:100px;
    background-color:purple;
}

#div1, #div2, #div3, #div4 {
    width:50px;
    height:50px;
    float: left;
}
#div1{
    background:red;
}
#div2{
    background:blue;
}
#div3{
    background:green;
}
#div4{
    background:yellow; 
}