Question

I have a text “2012 Year” in the table, I want to position it centered vertically. There is a collapseIcon beside the text.

The demo.

My questions:

1) Can we position it in the center accurately? Please don’t use padding-top, I doubt that it is not accurate since we don’t know the hight of the cell.

2) A little off topic, there is no tbody element in the table, why the code

 $('table.collapsible tbody').each(function() {

is still working?

Thank you.

Answer 1

Add line-height: 60px to the .tabletitle. The <img> is 60px high and the text will be displayed in the line-height 60px middle.

fiddle