JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
    </head>
    
    <body>
        <div class="floaty">Floaty</div>
        <div class="floaty">Floaty</div>
        <div class="floaty">Floaty</div>
        <div class="floaty">Floaty</div>
        <div class="cleary">Cleary</div>
        <div class="floaty">Floaty</div>
        <div class="floaty">Floaty</div>
    </body>
</html

CSS

div {
    border: 1px solid black;
}

.floaty {
    height: 50px;
    width: 50px;
    float: both;
    background: green;
}

.cleary {
    height: 100px;
    width: 100%;
    clear:  Left;
    background: cyan;
}

JavaScript

$(function() {
    
}