Problème avec des tableaux

Bonjour,

J'aimerais mettre plusieurs tableaux cote à cote mais je ne suis pas capable.... Le tableau n'occupe que quelque pixels de large, mais c'est comme s'il occupait tout le largeur de la page... Je ne suis pas capable de rien faire aux cotés.... Voici le codes, peut-être y a-t-il quelque chose de mal...?

<table
style="border: 1px solid rgb(204, 204, 204); margin: 0pt auto 10px; color: rgb(0, 0, 0); background-color: transparent; height: 101px; width: 344px; text-align: left;"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td
style="padding: 5px 10px; font-family: verdana; font-size: 11px; color: rgb(0, 0, 0);">
<a href="tic-tac-toe.html" target="_blank"
style="display: block; text-decoration: none;"><img
src="images/tic-tac-toe.jpg"
style="border: 0pt none ; margin-right: 5px;"
alt="Games at Miniclip.com - Dune Buggy" align="left"
height="89" width="92"><big><strong
style="border: medium none ; text-decoration: underline; color: rgb(255, 153, 0);">Tic-Tac-Toe</strong></big></a>
<div style="text-align: left;"><a
href="tic-tac-toe.html" target="_blank"
style="display: block; text-decoration: none;">
<p
style="margin: 0pt; clear: none; text-decoration: none; color: rgb(255, 0, 0);"></p>
<p
style="margin: 0pt; clear: none; text-decoration: none; color: rgb(255, 0, 0);">Le
jeux classique de Tic-Tac-Toe, sauf que cette fois, vous affronterez
votre ordinateur!</p>
</a></div>
</td>
</tr>
</tbody>
</table>


Merci de votre aide!