I have this table code, for two tables. It displays them one below the other. How can I change this so the two tables are side by side?

Thanks.


Code:
<table width="100" border="1" cellspacing="0" cellpadding="12" bordercolor="#000000">
        <tr>
          <td bgcolor="#FFFFFF" width="50%">
            <p align="center"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font color="#800000">Type</font></font></b></font></p>
            <p align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"></font></font></p>
          </td>
          <td width="60%">
            <p align="center"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#000000">Number</font></b></font></p>
            <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"></font></p>
          </td>
        </tr>
        <tr>
          <td width="50%">
            <p align="center"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#800000">A</font></b></font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1"></font><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF"></font></p>
          </td>
          <td bgcolor="#FFFFF" width="50%">
            <p align="center"><font color="#FFFFFF"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#000000"><b>1</b></font></font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1"></font></p>
          </td>
        </tr>

      </table>


<br>
<table width="100" border="1" cellspacing="0" cellpadding="12" bordercolor="#000000">
        <tr>
          <td bgcolor="#FFFFFF" width="50%">
            <p align="center"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font color="#800000">Type</font></font></b></font></p>
            <p align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"></font></font></p>
          </td>
          <td width="60%">
            <p align="center"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#000000">Number</font></b></font></p>
            <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"></font></p>
          </td>
        </tr>
        <tr>
          <td width="50%">
            <p align="center"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#800000">A</font></b></font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1"></font><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF"></font></p>
          </td>
          <td bgcolor="#FFFFF" width="50%">
            <p align="center"><font color="#FFFFFF"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#000000"><b>1</b></font></font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1"></font></p>
          </td>
        </tr>
                <tr>
		          <td bgcolor="#FFFFFF" width="50%">
		            <p align="center"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font color="#800000">B</font></font></b></font></p>
		            <p align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"></font></font></p>
		          </td>
		          <td width="50%">
		            <p align="center"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#000000">2</font></b></font></p>
		            <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"></font></p>
		          </td>
		        </tr>
		        <tr>
		          <td width="50%">
		            <p align="center"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#800000">C</font></b></font></p>
		            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1"></font><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF"></font></p>
		          </td>
		          <td bgcolor="#FFFFF" width="50%">
		            <p align="center"><font color="#FFFFFF"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#000000"><b>3</b></font></font></p>
		            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1"></font></p>
		          </td>
        </tr>
      </table>