CSS: how to align center-to-center horizontally the labels and the fields?

Question

Hi,

i have this page.

How to align center-to-center horizontally the labels and the fields?

Regards

Javi

Answer 1

The easiest way is to simply add padding-top to the labels.

There's no inherent way in CSS of expressing the relative alignment of two elements, but just establishing good margins and padding is almost always sufficient.

Answer 2

The only real way to do it is with JavaScript.

http://www.nealgrosskopf.com/tech/thread.php?pid=37

Answer 3

Try this:

#contenedor_formularios label{
padding-top:4px;
}

Answer 4

line-height is the best option when you need to vertical-align text (non-wrapping text, that is).

So, i tested it on firebug and adding line-height:20px to the label element seems to do the trick.