how do i center this html code?

[Andrew]

this is the code:

<td style="background-color: #e6e6fa; padding-left: 30px; padding-right: 30px; font-size: 15px">

<div style="text-align:center; background-color: #e6e6fa; vertical-align: top; padding-top: 10px">

<table style="border:1px solid #cdcdcd;background-color:#eeeeee;padding:2px;" border="0">
<tbody>

<td>
<a target='_blank' title='ImageShack - Image And Video Hosting' href='http://img808.imageshack.us/i/silver4.jpg/'><img src='http://img808.imageshack.us/img808/593/silver4.jpg' border='0'/></a>
</td>
<td>
<a target='_blank' title='ImageShack - Image And Video Hosting' href='http://img340.imageshack.us/i/silver3.jpg/'><img src='http://img340.imageshack.us/img340/6561/silver3.jpg' border='0'/></a>
</td>
</tr>


<tr>
<td>
<center>
<b>
Back Side of Game Cartridge
</b>
</center>
</td>
<td>
<center>
<b>
Game Introduction
</b>
</center>
</td>
</tr>
</tbody>
</table>

Please test this before you put the answer please.