Question

I’ve got some html that looks similar to this jsfiddle: http://jsfiddle.net/npbvm/

Using some jquery, the program assigns new heights to each of the divs, so that the outer divs are larger then the inner ones. It also repositions the divs to be vertically centered with in its parent (using top).
The issue is that even though the divs are aligned to vertical center, the text they contain is not.

Is there a way to move all the contained text to its div’s vertical center?

Thanks
Max

Answer 1

Found out a work around. Instead of doing height and trying to center everything. I instead just used padding. It works a lot better, and is a lot cleaner.

Thanks for the answers though,
Max