JSFiddle - React, Tailwind, and code Playground
HTML
<div class="tags">
<div class="col">
<label>
<input type="checkbox" rel="accounting" />Accounting</label>
<label>
<input type="checkbox" rel="courier" />Courier</label>
<label>
<input type="checkbox" rel="project-management" />Project Management</label>
<label>
<input type="checkbox" rel="video-games" />Video Games</label>
<label>
<input type="checkbox" rel="video-games" />Dentistry</label>
<label>
<input type="checkbox" rel="video-games" />Librarian</label>
<label>
<input type="checkbox" rel="video-games" />Programmer</label>
<label>
<input type="checkbox" rel="video-games" />Architect</label>
</div>
<div class="col">
<label>
<input type="checkbox" rel="video-games" />Photographer</label>
<label>
<input type="checkbox" rel="video-games" />IT</label>
<label>
<input type="checkbox" rel="video-games" />Artist</label>
<label>
<input type="checkbox" rel="video-games" />Video Games</label>
<label>
<input type="checkbox" rel="video-games" />Video Games</label>
<label>
<input type="checkbox" rel="video-games" />Video Games</label>
<label>
<input type="checkbox" rel="video-games" />Video Games</label>
<label>
<input type="checkbox" rel="video-games" />Video Games</label>
</div>
<div class="col">
<label>
<input type="checkbox" rel="video-games" />Video Games</label>
<label>
<input type="checkbox" rel="video-games" />Video Games</label>
<label>
<input type="checkbox" rel="video-games" />Video Games</label>
<label>
<input type="checkbox" rel="video-games" />Video Games</label>
<label>
<input type="checkbox" rel="video-games" />Video...
CSS
.filter {
width: 850px;
padding: 25px;
border: 1px solid black;
margin: 25px;
}
.tags {
display: table;
}
.col {
width: 800px;
display: table-row;
/* set to whatever width works for you */
/*float: left; */
/* put the columns next to each other */
/*margin-right: 10px; */
/* add some space between columns */
}
.col label {
display: table-cell;
}