div inside of the .box

by Paul Hanbury

HTML

<form action="#">

       <div class="box">
       
               <label>
                 <input type="checkbox" name="number"/>
                 <span>one</span>
               </label>
               
               <label>
                 <input type="checkbox" name="number"/>
                 <span>two</span>
               </label>
               
               <label>
                 <input type="checkbox" name="number"/>
                 <span>three</span>
               </label>
               
               <label>
                 <input type="checkbox" name="number"/>
                 <span>four</span>
               </label>
               
               <label>
                 <input type="checkbox" name="number"/>
                 <span>five</span>
               </label>
               
               <label>
                 <input type="checkbox" name="number"/>
                 <span>six</span>
               </label>
               
               <label>
                 <input type="checkbox" name="number"/>
                 <span>seven</span>
               </label>
               
               <label>
                 <input type="checkbox" name="number"/>
                 <span>eight</span>
               </label>
               
               <label>
                 <input type="checkbox" name="number"/>
                 <span>nine</span>
               </label>
               
               <label>
                 <input type="checkbox" name="number"/>
                 <span>ten</span>
               </label>
               
               <label>
                 <input type="checkbox" name="number"/>
                 <span>eleven</span>
               </label>
               
               <label>
                 <input type="checkbox" name="number"/>
                 <span>twelve</span>
               </label>
               
               <label>
                 <input type="checkbox" name="number"/>
               ...

CSS

.box {
    margin: 1em;
    padding: 0 0.5em;
    border: 1px solid #ccc;
    width: 150px;
    max-height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
}

.box label {
  display: block;
}