Demonstrating scrollable div of checkboxes

by ritcheyer

HTML

<div class="scrollable">
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
    <label for="">
        <input type="checkbox" id=""> checkbox 1
    </label>
</div>

CSS

.scrollable {
    width: 200px;
    height: 100px;
    overflow-x: auto;
    border: 1px solid #333;
}
label {
    display: block;
    width: 100%;
}