JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main" >
    <div class="block1" >
        block 1        
    </div>
    <div class="block2" >
        block 2        
    </div>
    <div class="block3" >
        block 3  
    </div>
</div>

CSS

.main {
    padding: 30px 0 0 0;
    background: red;
    overflow: hidden;
}
.block1, .block2, .block3 {
    float: left;
    height: 100px;
}
.block1 {
    background: green;
}
.block2 {
    background: yellow;
}
.block3 {
    background: blue;
}