My two preferred methods are float: left or display: inline-block. Feel free to post your code or a link to what you have, and maybe a screen shot of what you are aiming for (we need to know where things are meant to go). You certainly don’t need a table for this.
OK. Below is some code using inline-block. Is the idea here that I use a margin like I have here to locate the second <select> group in relation to the first? I suppose I don’t really need to float the first select group or assign an inline-block display to it. An option, I presume would be to float one left and one right. Margins could also adjust how close to the right margin the one floated right goes.
That looks fine to me, although you don’t need float and inline-block together … just choose one or the other.
In terms of getting this to play nicely with the rest of your form elements, though—and assuming you use floats—it might be better to wrap these two selects in a containing div with overflow: hidden; so that other form elements don’t fall out of position around the floated items.