Vertically aligning <td> to middle

I am having an issue with aligning of my table data. I am trying to vertically aligning <td> to middle but it’s not working the way i wanted to work. here the code i am trying to work

Code:

<table cellspacing="1" cellpadding="1" style="width: 550px;">
<tbody>
<tr>
<td height="30" valign="middle">Name</td>
<td height="30" valign="middle">Address</td>
<td height="30" valign="middle">Contact No</td>
<td height="30" valign="middle">Gender</td>
</tr>
</tbody>
</table>

Don't use valign="middle" use style="vertical-align:middle". It will work.