HTML Table side by side help

[Hanakazari]

I want to make a weather marquee for my site, but I can't get the code to do what I want it to. I was wondering if I could get any help refining the code to do what I want. I can do the marquee part of it, and the outer table, the thing I'm having issues with is getting my tables to be next to each other, not on top of one another. I also want quite a bit of space between them.

Here's the tables I want side by side. That's really the only code help I'm looking for.


<table border="1" style="width:250px;">
<tr>
<th style="text-align:center" colspan="2">Royal Castle</th>
</tr>
<tr>
<td><img src="http://i1159./p632/MelodicWolf/Weather/Weather%20Marquee/sunny.png"></td><td><b><font size="2">Sunny</font></b><br><b>Current:</b> 74°F<br>
<b>High:</b> 75°F <b>Low:</b> 55°F </td>
</tr>
</table>
<p>
<table border="1" style="width:250px;">
<tr>
<th style="text-align:center" colspan="2">Ulster</th>
</tr>
<tr>
<td><img src="http://i1159./p632/MelodicWolf/Weather/Weather%20Marquee/rain.png"></td><td><b><font size="2">Raining</font></b><br><b>Current:</b> 78°F<br>
<b>High:</b> 86°F <b>Low:</b> 52°F </td>
</tr>
</table>

[Kishan]

This should do it:
<table border="1" style="width:250px; display: inline-block;">
<tr>
<th style="text-align:center; padding-left: 40px;" colspan="2">Royal Castle</th>
</tr>
<tr>
<td><img src="http://i1159./p632/MelodicWolf/Weather/Weather%20Marquee/sunny.png"></td><td style="padding-left: 45px;"><b><font size="2">Sunny</font></b><br><b>Current:</b> 74°F<br>
<b>High:</b> 75°F <b>Low:</b> 55°F </td>
</tr>
</table>
<table border="1" style="width:250px; float: left;">
<tr>
<th style="text-align:center" colspan="2">Ulster</th>
</tr>
<tr>
<td><img src="http://i1159./p632/MelodicWolf/Weather/Weather%20Marquee/rain.png"></td><td><b><font size="2">Raining</font></b><br><b>Current:</b> 78°F<br>
<b>High:</b> 86°F <b>Low:</b> 52°F </td>
</tr>
</table>
Let me know if you have any issues.

[Hanakazari]

The padding adds padding to the text of the right box, instead of in front of the box.

[Tumbleweed]

Hanakazari,

Using your original tables you should be able to just add the red to the first tables table tag:

<table border="1" style="width:250px; float: left;">

I don't know where you have it on your site since you didn't provide a link but if it isn't in some other sort of container there may be a gap between them. You'd need a container set to 500px. Let me know.