Checkboxes
HTML
<ul class="flex-inner">
<li>
<input type="checkbox">
<label for="">Fire Cabins</label>
</li>
<li>
<input type="checkbox">
<label for="">Horseshoe Cabins</label>
</li>
<li>
<input type="checkbox">
<label for="">Spruce Cabins</label>
</li>
<li>
<input type="checkbox">
<label for="">Ursa Major Cabins</label>
</li>
<li>
<input type="checkbox">
<label for="">Bear Meadow Campground</label>
</li>
<li>
<input type="checkbox">
<label for="">Lakeside Campground</label>
</li>
<li>
<input type="checkbox">
<label for="">Leadfoot Campground</label>
</li>
<li>
<input type="checkbox">
<label for="">Talus Campground</label>
</li>
</ul>
CSS
.flex-inner {
list-style: none;
}
.flex-inner li {
margin-top: 10px;
border: 1px solid black;
}
.flex-inner > li > label {
margin-left: 10px;
line-height: 50px;
}
.flex-inner > li > input {
position: relative;
top: 1.6px;
cursor: pointer;
}