HTML/ CSS: How To Create A Scrollable Horizontal List Of Checkboxes

I am trying to create a form with checkboxes lined horizontally that can be scrolled left/right, while maintaining that each checkbox is styled to look like a button. (as shown her

Solution 1:

Wrap all .ck-button divs under another div with id="container", then add following css

#container{
width:2000px;
}

and for your buttons do the following:

.dates form .ck-button label{
width:100%;
height:100%;
}
.dates .ck-button input:checked + span{
width:100%;
height:100%;
}