Div with Vertical align set to middle

Question

I have div's whose content i want to be vertically centered aligned.

I have applied css with display: table-cell and then set vertical-align: middle but it is not working:

This is the link:

http://jsfiddle.net/rBsa2/2/

The content of the div's keep on changing.

In this i want that div with classes "EntryFormControlDiv" and "EntryFormLabelDiv" contents should be vertically aligned inside a div of class: "EntryFormRow".

Any help is appreciated.

Answer 1

The text in the purple button looks fine to me in the fiddle.

How about adding a line-height?

.EntryFormControlDiv
{
    min-height: 50px;
    max-width: 400px;
    min-width: 400px;
    float: left;
    line-height:35px;
}

(and some bottom margin in the multiple)