Himas Rafeek
Posted on: 1 year agoAligning Checkbox with Label
Aligning a label with a checkbox can be tricky. Here is the HTML and CSS I used to achieve it.
<
!-- The HTML -->
<
div class="
checkbox-label"
>
<
input type="
checkbox"
/>
<
span>
Remember me<
/span>
<
/div>
// The CSS
.checkbox-label {
display: inline;
font-size: 12px;
padding-left: 5px;
}
.checkbox-label span {
padding-left: 5px;
padding-bottom: 15px;
vertical-align: bottom;
line-height: 22px;
}