JSFiddle - React, Tailwind, and code Playground

by Boris Šuška

HTML

<div><!-- pridej class class="clearfix" -->
    <div class="col"></div>    
    <div class="col"></div>
    <div class="col"></div>
</div>
<div class="col"></div>

CSS

.col {
    float: left;    /* ZAKOMENTUJ */ 
    width: 50px;    /* ZAKOMENTUJ */ 
    border: 1px solid red;
    background: blue;
    height: 20px;
}

/* Minimal clearfix */
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}