Multi-column Checkboxes

First pass at setting up check boxes across multiple columns

by mrrodd

HTML

<div class="container">
    <div class="row"><label><input type="checkbox" name="c1" />Deductible</label></div>
    <div class="row"><label><input type="checkbox" name="c2" />Out-of-Pocket</label></div>
    <div class="row"><label><input type="checkbox" name="c3" />Coinsurance</label></div>
</div>

<div class="container">
    <div class="row"><label><input type="checkbox" name="c4" />Pharmacy</label></div>
    <div class="row"><label><input type="checkbox" name="c5" />Emergency</label></div>
    <div class="row"><label><input type="checkbox" name="c6" />Special Accident</label></div>
</div>
<div class="container">
    <div class="row">
        <select>
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="mercedes">Mercedes</option>
            <option value="audi">Audi</option>
        </select>
    </div>
    <div class="row">
        <select>
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="mercedes">Mercedes</option>
            <option value="audi">Audi</option>
        </select>
    </div>
</div>

CSS

.container {
    float: left; 
    width: 150px;
}
.row {
    width: 125px;
}