JSFiddle - React, Tailwind, and code Playground

by Norbert Wilms

HTML

<div class="item">...</div>
<div class="item-last">...</div>
<div class="item-last">...</div>
<div class="item-last">...</div>
<div class="item-last">...</div>
<div class="item-last">...</div>
<div class="item-last">...</div>
<div class="item-last">...</div>
<div class="item-last">...</div>
<div class="item-last">last</div>
<div class="item">...</div>
<div class="item-last">...</div>
<div class="item-last">...</div>
<div class="item-last">...</div>
<div class="item-last">...</div>
<div class="item-last">...</div>
<div class="item-last">...</div>
<div class="item-last">...</div>
<div class="item-last">...</div>
<div class="item-last">...</div>
<div class="item-last">last</div>
<div class="item">...</div>

CSS

.item {
    float: left;
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    display: block;
    clear: left;
}
.item-last {
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    float: none;
    clear: none;
    display: inline-block;
}