Vertical-align of header with link in table - html

Question

My code:
<table style="text-align: center; width: 100%;" border="2" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><h2>O mnie</h2>
</td>
<td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><h2>Inne Produkty</h2>
</td>
<td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><h2>Komentarze</h2>
</td>
</tr>
</tbody>
</table>
Edit: Original question has been interpreted as:
I want the text (link) of the first column to be in the middle, just as next two are but with having <a href"#"...></a> within <h2>. Because the place where I want to put it doesn't support doing it in the opposite way. Meaning, h2 cannot be placed within <a> tags.
OP wants the first link to be vertically aligned when having the h2 tag within the a tag
(original text below)
I want the text(link) of first column to be in the middle, just as two next are but with havinh within cause place where I want to put it doesn't support doing it opposite way.

Answer 1

I think now I understand what you want (thanks to Wes Foster):
Make your h2 element an inline-block by adding the following style attribute to it: <h2 style="inline-block;">
<table style="text-align: center; width: 100%;" border="2" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><h2 style="inline-block;">O mnie</h2>
</td>
<td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><h2>Inne Produkty</h2>
</td>
<td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><h2>Komentarze</h2>
</td>
</tr>
</tbody>
</table>