This is more of a best practice discussion, I don't really need anyone to write code. Unless you're itch'n to.

So I've got some form inputs and I'd like to have them line up. So the lables are in a column and the inputs line up as well, vs how they normally would stagger if you stacked them.

ex (not what I want):
Label 1: Input1
Longer Lable 2: Input 2

I'm wondering, would putting the lables and inputs in side by side divs be bad practice? It seem that it would take care of the problem if the screen were a known size, but would break down if you made the screen smaller. thus you'd have lables at the top of the page, and the inputs disconnected under them.

Anyone have ideas on how they do it? No tables either. It has to be proper X/HTML and css. (lets not get into the XHTML being proper debate)

Thanks for your time,
BN