You can use
line-height: 30px; to center a single line of
text instead. The
30px needs to be the same value as the
height of the element you wish to vertically center text in.
Note: The fiddle has
the code in question has
height:30px. Just choose the
line-height to match the height.
vertical-align would actually moving the
<label> (and text) down but only applies to
inline-level and table-cell elements. It is not applying in your case as
<label> is floated.