JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
</div>

CSS

#wrap {
    width:400px;
    height:200px;
    background:red;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.content {
    float:left;
    width:100px;
    height:200px;
    
    background:green;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}