JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
        <div class="child">1.2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
        <div class="child">1:2345</div>
    </div>

CSS

.parent{
	width:250px;
	 /* text-align:justify;  */
	border: 1px solid #ddd;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.child{
	margin: 2px;
}