Posted By

mattvbiggs on 12/02/16

Tagged

css
html5

Versions (?)

Last Edited at 12/02/16 05:45am

Statistics

Viewed 1236 times

Favorited by 0 user(s)

Related snippets

Aligning Checkbox with Label

/ Published in: CSS

Aligning a label with a checkbox can be tricky. Here is the HTML and CSS I used to achieve it.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<!-- 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;
}