JSFiddle - React, Tailwind, and code Playground
HTML
<div class="filter">
<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"...
CSS
.filter {
width: 850px;
padding: 25px;
border: 1px solid black;
margin: 25px;
float: left;
}
.col {
width: 850px;
display: block;
margin-right: 10px;
}
label{
vertical-align: top;
float: left;
width: 100px;
}