JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
        <div class="column">
            data
        </div>
        <div class="column">
            data
        </div>
        <div class="column">
            data
        </div>
        <div class="column">
            data
        </div>
        <div class="column">
            data
        </div>
        <div class="clearfix"></div>
    lorem
</div>

CSS

.container
{
    width: 480px;
    background: grey;
}
.column
{
    float: left;
    width: 100px;
    margin: 10px;
    background: black;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}
  .clearfix:after {
    clear: both;
  }