Posted By

paul66 on 01/27/11


css input alignment label

Versions (?)

Aligning Labels

 / Published in: CSS

Alignment of labels with their relevant inputs can be a horrible task to achieve in older browsers. This snippets solves that for us by making it consistent across browsers!

  1. /* align checkboxes, radios, text inputs with their label */
  2. input[type="radio"] { vertical-align: text-bottom; }
  3. input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
  4. .ie6 input { vertical-align: text-bottom; }

Report this snippet  

You need to login to post a comment.