Question

I’m practising making a form and I would like to position the form elements on the left in the centre of their row sort of how it would automatically be done with a table. Here is some jsFiddle for what i’ve been attempting so far.

How do I vertically centre the label element for a form?

Answer 1

Give label same height as input filed have & give line-height to your label. Like this:

.element label {
    float: left;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    width: 156px;
}