JSFiddle - React, Tailwind, and code Playground

by malaikuangren

HTML

<div class="container">
    <div class="A">a</div>
    <div class="B">b</div>
    <div class="C">c</div>
    <div class="D">d</div>
    <div class="CB"></div>
</div>

CSS

.container{
    width:100%;
    border:1px solid red;    
}
.B{
    float:left;
    clear:both;
    width:10%;
    height:30px;
    border:1px solid blue;
    
}

.A,.C,.D{
    float:left;
    width:10%;
    height:30px;
    border:1px solid blue;
}


.CB{
    clear:both;
}