Splitting a form into two columns

I am trying to split a form into two columns. I know with the built in styles you can do the following:
Q1 | Q2
Q3 | Q4 ...

But this has the problem that items have to be of a similar height on the right and left to avoid white space after questions

I am looking for a way to lay out a form
Q1 | Q5
Q2 | Q6
Q3 | Q7
Q4

A sample of what I would like the form to look like in the end (what I am replacing with your product):
http://www.eclassroomnews.com/wp-login.php?action=register

Is there a simple simple way to wrap questions in a div?
<div class="rightside"> 1, 2, 3, 4, 5</div>
<div class="leftside"> 6, 7, 8</div>

I know I can use PHP to possibly insert a string into the form, by capturing what gravity is outputting. Lots that could go wrong there... I have looked at the hooks, and found many that they let me alter values or class of a field, but none that would let me insert html before or after a field.

BTW. I found http://www.gravityhelp.com/forums/topic/how-to-split-form-into-two-columns-single-line-entries-left-text-area-right before posting this. It is almost what I need, if only I had so few fields. I been working with the info on http://www.gravityhelp.com/css-ready-classes-for-gravity-forms/

Thank you, for the quick reply Found an example (once i used the search terms...)

http://www.gravityhelp.com/forums/topic/textarea-will-make-extra-space-in-layout#post-52634