Inline checkboxes

by Alvin Olavarrieta

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<ul class="chex">
    <label class="checkbox"><input type="checkbox"> Human Resources Associate,</label>
        <label class="checkbox"><input type="checkbox"> Human Resources Representative,</label>
            <label class="checkbox"><input type="checkbox"> Human Resources Lead,</label>
                <label class="checkbox"><input type="checkbox"> Human Resources Associate</label>
                </ul>

CSS

.chex {
    width: 400px;
}
.chex label {
    padding-right: 30px;
    display: inline;
}