JSFiddle - React, Tailwind, and code Playground

by Cath_kb

HTML

<div class="clear">
    <div class="left"></div>
    <div class="left"></div>
</div>

CSS

.clear {
    padding: 10px 0;
    background: red;
    zoom:1;
}
.clear:after {
    content:"";
    clear:both;  
    display:block; 
    height:0; 
    font-size:0; 
    visibility:hidden;
}
.left {
    float: left;
    margin: 0 10px;
    width: 40px;
    height: 100px;
    background: yellow;
}