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

I have this page.

How do I horizontally align center-to-center the labels an开发者_运维知识库d the fields?

Regards

Javi

---

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.

---

The only real way to do it is with JavaScript.

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

---

Try this:

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

---

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.

---

Actually the best way to wrap the label in a span or div like the following:

<span style="display: inline; padding-top:4px; margin-right: 10px; float: left;">
<label for="email">Email Address</label>
</span>