JSFiddle - React, Tailwind, and code Playground

by mlms13

HTML

<div id="container"></div>

CSS

#container {
    border: thin solid #000;
    overflow: auto;
}
.box {
    border: thin solid #900;
    float: left;
    height: 48px;
    width: 48px;
}

.box.first {
    clear: left;
}

JavaScript

$(document).ready(function(){
    var i, j, class;
    for (i = 0; i < 5; i++) {
        for (j = 0; j < 5; j++) {
            class = j === 0 ? " first" : "";
            $('#container').append('<div class="box' + class + '"></div>');
        }
    }
});