JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#container {
    border: 2px dashed #444;
    
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    
    min-width: 800px;
    max-width: 1400px
}

#container > div {
    margin-top: 16px;
    border: 1px dashed #f0f;
    width: 200px;
    height: 200px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1
}
#container:after {
    content: '';
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

JavaScript

$(function() {
    for(var i=0;i<10;i++){
        $('#container').append('<div></div>');
    }
})