Hello all, first time here.

I am looking for help with my tables.

I have 12 seperate tables, and they all currently display one after the other. What I am asking, is how to I make these inline, or so that they display one next to eachother horizontally, instead of vertically. Thanks!

Code:

<table display="inline" align="float: left" cellpadding="0" cellspacing="0" border="0" width="33%">

<tr>

<td width="70%"><a href="ITEMTITLELINK" text-decoration: none><font color="FFF7F00" size="1"><strong>Title of Product</strong></font></a>

<br>

<a href="IMAGEPAGELINK"><img src="IMAGELOCATION" align = "left" border="0" height="90" width="90" ></a>

<br>

<font color="black" size="1">&nbsp;Info Text Line 1</font><br><br>
<font color="black" size="1">&nbsp;Info Text Line 2</font>

</td>

<td align="right" width="30%">

<p align="right"><font color="FFF7F00" size="1">ITEMCOST</font></p>

<br><br><br>

<p align="right"><font color="black" size="1">SHIPPINGCOST</font></p>

</td>

</tr>


<table cellpadding="0" cellspacing="0" border="0" width="34%">

<tr>

<td width="70%"><a href="ITEMTITLELINK" text-decoration: none><font color="FFF7F00" size="1"><strong>Title of Product</strong></font></a>

<br>

<a href="IMAGEPAGELINK"><img src="IMAGELOCATION" align = "left" border="0" height="90" width="90" ></a>

<br>

<font color="black" size="1">&nbsp;Info Text Line 1</font><br><br>
<font color="black" size="1">&nbsp;Info Text Line 2</font>

</td>

<td align="right" width="30%">

<p align="right"><font color="FFF7F00" size="1">ITEMCOST</font></p>

<br><br><br>

<p align="right"><font color="black" size="1">SHIPPINGCOST</font></p>

</td>

</tr>

</table>


<table align="float: right" cellpadding="0" cellspacing="0" border="0" width="33%">

<tr>

<td width="70%"><a href="ITEMTITLELINK" text-decoration: none><font color="FFF7F00" size="1"><strong>Title of Product</strong></font></a>

<br>

<a href="IMAGEPAGELINK"><img src="IMAGELOCATION" align = "left" border="0" height="90" width="90" ></a>

<br>

<font color="black" size="1">&nbsp;Info Text Line 1</font><br><br>
<font color="black" size="1">&nbsp;Info Text Line 2</font>

</td>

<td align="right" width="30%">

<p align="right"><font color="FFF7F00" size="1">ITEMCOST</font></p>

<br><br><br>

<p align="right"><font color="black" size="1">SHIPPINGCOST</font></p>

</td>

</tr>

</table>

<table align="float: left" cellpadding="0" cellspacing="0" border="0" width="33%">

<tr>

<td width="70%"><a href="ITEMTITLELINK" text-decoration: none><font color="FFF7F00" size="1"><strong>Title of Product</strong></font></a>

<br>

<a href="IMAGEPAGELINK"><img src="IMAGELOCATION" align = "left" border="0" height="90" width="90" ></a>

<br>

<font color="black" size="1">&nbsp;Info Text Line 1</font><br><br>
<font color="black" size="1">&nbsp;Info Text Line 2</font>

</td>

<td align="right" width="30%">

<p align="right"><font color="FFF7F00" size="1">ITEMCOST</font></p>

<br><br><br>

<p align="right"><font color="black" size="1">SHIPPINGCOST</font></p>

</td>

</tr>

</table>



<table align="float: center" cellpadding="0" cellspacing="0" border="0" width="34%">

<tr>

<td width="70%"><a href="ITEMTITLELINK" text-decoration: none><font color="FFF7F00" size="1"><strong>Title of Product</strong></font></a>

<br>

<a href="IMAGEPAGELINK"><img src="IMAGELOCATION" align = "left" border="0" height="90" width="90" ></a>

<br>

<font color="black" size="1">&nbsp;Info Text Line 1</font><br><br>
<font color="black" size="1">&nbsp;Info Text Line 2</font>

</td>

<td align="right" width="30%">

<p align="right"><font color="FFF7F00" size="1">ITEMCOST</font></p>

<br><br><br>

<p align="right"><font color="black" size="1">SHIPPINGCOST</font></p>

</td>

</tr>

</table>

<table align="float: right" cellpadding="0" cellspacing="0" border="0" width="33%">

<tr>

<td width="70%"><a href="ITEMTITLELINK" text-decoration: none><font color="FFF7F00" size="1"><strong>Title of Product</strong></font></a>

<br>

<a href="IMAGEPAGELINK"><img src="IMAGELOCATION" align = "left" border="0" height="90" width="90" ></a>

<br>

<font color="black" size="1">&nbsp;Info Text Line 1</font><br><br>
<font color="black" size="1">&nbsp;Info Text Line 2</font>

</td>

<td align="right" width="30%">

<p align="right"><font color="FFF7F00" size="1">ITEMCOST</font></p>

<br><br><br>

<p align="right"><font color="black" size="1">SHIPPINGCOST</font></p>

</td>

</tr>

</table>


<table align="float: left" cellpadding="0" cellspacing="0" border="0" width="33%">

<tr>

<td width="70%"><a href="ITEMTITLELINK" text-decoration: none><font color="FFF7F00" size="1"><strong>Title of Product</strong></font></a>

<br>

<a href="IMAGEPAGELINK"><img src="IMAGELOCATION" align = "left" border="0" height="90" width="90" ></a>

<br>

<font color="black" size="1">&nbsp;Info Text Line 1</font><br><br>
<font color="black" size="1">&nbsp;Info Text Line 2</font>

</td>

<td align="right" width="30%">

<p align="right"><font color="FFF7F00" size="1">ITEMCOST</font></p>

<br><br><br>

<p align="right"><font color="black" size="1">SHIPPINGCOST</font></p>

</td>

</tr>

</table>

<table align = "float: center" cellpadding="0" cellspacing="0" border="0" width="34%">

<tr>

<td width="70%"><a href="ITEMTITLELINK" text-decoration: none><font color="FFF7F00" size="1"><strong>Title of Product</strong></font></a>

<br>

<a href="IMAGEPAGELINK"><img src="IMAGELOCATION" align = "left" border="0" height="90" width="90" ></a>

<br>

<font color="black" size="1">&nbsp;Info Text Line 1</font><br><br>
<font color="black" size="1">&nbsp;Info Text Line 2</font>

</td>

<td align="right" width="30%">

<p align="right"><font color="FFF7F00" size="1">ITEMCOST</font></p>

<br><br><br>

<p align="right"><font color="black" size="1">SHIPPINGCOST</font></p>

</td>

</tr>

</table>




<table align="float: right" cellpadding="0" cellspacing="0" border="0" width="33%">

<tr>

<td width="70%"><a href="ITEMTITLELINK" text-decoration: none><font color="FFF7F00" size="1"><strong>Title of Product</strong></font></a>

<br>

<a href="IMAGEPAGELINK"><img src="IMAGELOCATION" align = "left" border="0" height="90" width="90" ></a>

<br>

<font color="black" size="1">&nbsp;Info Text Line 1</font><br><br>
<font color="black" size="1">&nbsp;Info Text Line 2</font>

</td>

<td align="right" width="30%">

<p align="right"><font color="FFF7F00" size="1">ITEMCOST</font></p>

<br><br><br>

<p align="right"><font color="black" size="1">SHIPPINGCOST</font></p>

</td>

</tr>

</table>

<table align="float: left" cellpadding="0" cellspacing="0" border="0" width="33%">

<tr>

<td width="70%"><a href="ITEMTITLELINK" text-decoration: none><font color="FFF7F00" size="1"><strong>Title of Product</strong></font></a>

<br>

<a href="IMAGEPAGELINK"><img src="IMAGELOCATION" align = "left" border="0" height="90" width="90" ></a>

<br>

<font color="black" size="1">&nbsp;Info Text Line 1</font><br><br>
<font color="black" size="1">&nbsp;Info Text Line 2</font>

</td>

<td align="right" width="30%">

<p align="right"><font color="FFF7F00" size="1">ITEMCOST</font></p>

<br><br><br>

<p align="right"><font color="black" size="1">SHIPPINGCOST</font></p>

</td>

</tr>

</table>


<table align="float: center" cellpadding="0" cellspacing="0" border="0" width="34%">

<tr>

<td width="70%"><a href="ITEMTITLELINK" text-decoration: none><font color="FFF7F00" size="1"><strong>Title of Product</strong></font></a>

<br>

<a href="IMAGEPAGELINK"><img src="IMAGELOCATION" align = "left" border="0" height="90" width="90" ></a>

<br>

<font color="black" size="1">&nbsp;Info Text Line 1</font><br><br>
<font color="black" size="1">&nbsp;Info Text Line 2</font>

</td>

<td align="right" width="30%">

<p align="right"><font color="FFF7F00" size="1">ITEMCOST</font></p>

<br><br><br>

<p align="right"><font color="black" size="1">SHIPPINGCOST</font></p>

</td>

</tr>

</table>

<table align="float: right" cellpadding="0" cellspacing="0" border="0" width="33%">

<tr>

<td width="70%"><a href="ITEMTITLELINK" text-decoration: none><font color="FFF7F00" size="1"><strong>Title of Product</strong></font></a>

<br>

<a href="IMAGEPAGELINK"><img src="IMAGELOCATION" align = "left" border="0" height="90" width="90" ></a>

<br>

<font color="black" size="1">&nbsp;Info Text Line 1</font><br><br>
<font color="black" size="1">&nbsp;Info Text Line 2</font>

</td>

<td align="right" width="30%">

<p align="right"><font color="FFF7F00" size="1">ITEMCOST</font></p>

<br><br><br>

<p align="right"><font color="black" size="1">SHIPPINGCOST</font></p>

</td>

</tr>

</table>