JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
<input type="checkbox"> Lorem. Ut, quos.
<input type="checkbox"> Lorem. Ut, quos.
<input type="checkbox"> Lorem. Ut, quos.
<input type="checkbox"> Lorem. Ut, quos.
<input type="checkbox"> Lorem. Ut, quos.
<input type="checkbox"> Lorem. Ut, quos.
<input type="checkbox"> Lorem. Ut, quos.
<input type="checkbox"> Lorem. Ut, quos.
<input type="checkbox"> Lorem. Ut, quos.
<input type="checkbox"> Lorem. Ut, quos.
<input type="checkbox"> Lorem. Ut, quos.
<input type="checkbox"> Lorem. Ut, quos.
<input type="checkbox"> Lorem. Ut, quos. Lorem. Ut, quos. Lorem. Ut, quos.
<input type="checkbox"> Lorem. Ut, quos.
<input type="checkbox"> Lorem. Ut, quos.
<input type="checkbox"> Lorem. Ut, quos. Lorem. Ut, quos. Lorem. Ut, quos.
<input type="checkbox"> Lorem. Ut, quos.
</div>

CSS

.block { 
  width: 650px;
  display: grid;
  grid-template-columns: repeat(8, auto);
  grid-gap: 1.5rem 0.5rem;
  white-space: pre;
}