JSFiddle - React, Tailwind, and code Playground

by Daniel Tan

HTML

<div class="container">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>

CSS

div {
    border: 1px solid;
}

div.container {
    overflow: auto;
}

div.container > div {
    float: left;
    width: 50px;
    height: 50px;
    margin: 10px;
    background-color: rgba(255, 0, 0, 0.1);
    border-color: rgb(255, 0, 0);
}

div.container > div:last-child {
    clear: left;
    float: none;
    background-color: rgba(0, 0, 255, 0.1);
    border-color: rgb(0, 0, 255);
}