How to set vertical alignment in Table header?

[Former Member]

Hi,

I have this example here:

http://jsbin.com/quzufezaki/edit?html,output

I want to have a table that has two columns. The first column header should be text, the other header needs to be an icon. When I do this and set the icon to a certain size (it has to be big), the header height gets bigger (which is fine), but the text in the first column header is going to the top.

How can I make the text stick to the middle area of the header as per picture below?

[saivellanki · Accepted solution]

Hi Radu,

CSS? JS Bin - Collaborative JavaScript Debugging

Regards,

Sai Vellanki.

[former_member182372 · Accepted solution]

hardcoding 40px as margin is a brutal force 😉 at least may be 2.5rem

[saivellanki · Accepted solution]

Changed!

Regards,

Sai Vellanki.

[Former Member · Accepted solution]

Thank you for the answers guys, it's a good solution!