JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#container {
	text-align: justify;
	}
#container > div {
	width: 100px; /* Declare your value. Can be in relative units. */
    height: 10px;
	display: inline-block;
	vertical-align: top;
    border: 1px black solid;

	/* IE fix. */
	*display: inline;
	zoom: 1;
	}
#container:after {
	content: "";
	width: 100%;
	display: inline-block;
    }