JSFiddle - React, Tailwind, and code Playground
HTML
<div class="checkbox_container row3">
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<label class="checkbox"><input type="checkbox" name="..."> some text</label>
<span class="last_element"></span>
</div>
CSS
.checkbox_container {
text-align:justify;
}
label.checkbox {
display:inline-block;
min-width:100px;
}
.row2 label.checkbox {
width:40%;
}
.row3 label.checkbox {
width:25%;
}
span.last_element{
display:inline-block;
width:80%;
height:1px;
line-height:px;
overflow:none;
}