CSS Wrapping DIVS
===

Trying to build a simple login screen that would "friendly" both on a desktop and handheld devices. The main login section should just contain a label with a text box to the right and a "Continue" button under the text box. The tricky bit is I would like to see each wrap as the screen size is reduced. That is, if it is narrow enough, each control should appear 'stacked' on top of one another.

One a wide screen (sorry for the crude picture)

Enter Login: [&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|Continue|

On a narrow scrren:

Enter Login:<br>
[&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>
&nbsp;|Continue|

I have tried several combinatsion of divs, floated to the left, but I can't quite get the look above. Can anyone offer some advice?
