JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
            <div class="block block1">.block1</div>
            <div class="block block2">.block2</div>
            <div class="block block3">.block3</div>
        </div>

CSS

.container{
    width:400px;
    padding:10px;
    height:150px;
    margin:20px auto;
    box-shadow:0 0 2px #ccc;
}
.block{
    margin-bottom:10px;
    padding:10px;
    background:#3498db;
    color:white;
    border:2px solid #34495e;
    width:80px;
}
.block1, .block2, .block3{
    float:left;
    margin-right:10px;
}
    
.block2{
     clear:right; /*и хуле?*/
}