Aligning grid based form elements and their labels

Question

we have a requirement where form elements are laid out in 3 separate columns. The labels can have varying amounts of text and the form elements will be mainly input boxes and te

Answer 1

Here is the fiddle: http://jsfiddle.net/nJZ6Y/19/

You have to add a span inside each label, then add these CSS rules.

label {
    min-height: 3em;
}

label span {
    vertical-align: -3em;
    display: inline-block;
}