Multiple Widgets Aligned Horizontally

[mastercrom]

I'm trying to create rows of 3 AngularGauge.swf objects but I can't seem to figure out how to align them side by side. If I create 3 charts using div tags and myChart.setDataURL and myChart.render, the widgets are arranged under each other.

 

How could I arrange them horizontally?

 

Thanks!

[DannyR]

That's because all block <div>s by default are 100%. 2 ways to approach the problem. The outdated way is to make a 3-column table. The "modern" way is to use something like this:

 

<div id="left" style="width:200px; float:left; border:1px solid black;">LEFT</div>
<div id="right" style="width:200px; float:right; border:1px solid red;">RIGHT</div>
<div id="middle" style="border:1px solid blue;">MIDDLE</div>

 

Season to taste. ;]