JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block"><label><input type="checkbox">Checkbox1</label>
<label><input type="checkbox">Checkbox1</label>
<label><input type="checkbox">Checkbox1</label>
<label><input type="checkbox">Checkbox1</label>
<label><input type="checkbox">Checkbox1</label>
<label><input type="checkbox">Checkbox1</label>
<label><input type="checkbox">Checkbox1</label>
<label><input type="checkbox">Checkbox1</label>
<label><input type="checkbox">Checkbox1</label>
<label><input type="checkbox">Checkbox1</label>
<label><input type="checkbox">Checkbox1</label></div>

CSS

.block { 
  width: 600px;
  column-count: 7;
  white-space: pre;
      column-width: 85px;
}
.label {
  display: block;
}