I’m working on a site for a client right now, and this is exactly what I need. Thanks for making this available.

I’ve looked at the code you posted in the forum you linked to. You’ve got a single widget area there, and you intend to put 3 widgets in it.
So your CSS needs be something like:

div.col.Footer1 ul.sidebar_list { width:100%; }
div.col.Footer1 ul.sidebar_list li.widget { width:30%; padding:0; margin:0 1%; float:left; }

So width+margin makes each widget 32% of the total width, and they are set to float beside one another.

If you want to change the text alignment on individual widgets, you could do:

.Footer1 li.widget.ThisWigClass { text-align:left; }
.Footer1 li.widget.OtherWigClass { text-align:right; }

Where .ThisWigClass are the specific class of your 1st, 2nd, or 3rd widgets.

Does that make sense?

Thanks
Jim