Posted By

paul66 on 01/27/11


Tagged

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.