gadgets side by side

I added some gadgets from google but I want them to show up side by side not under each other anyone know how to make them show side by side?

2 choices.

You can place them in a table. (Old Way)

<table border="0" width="100%">
<tr>
<td width="33%">Gadget 1</td>
<td width="33%">Gadget 2</td>
<td width="33%">Gadget 3</td>
</tr>
</table>


Or in divs floated left. (New Way)

<div style="width: 100%">
<div style="width: 33%; float:left">Gadget 1</div>
<div style="width: 33%; float:left">Gadget 2</div>
<div style="width: 33%; float:left">Gadget 3</div>
</div>