I have an input form containing a lot of fields and captions with different
widths, like

Label <input type=text size=50>
LongerLabel <input type=text size=10>

There is always a caption following its field.

If browser window is wide, captions and fields are displayed in the same line:

Label ........ LongerLabel ....


If I resize browser window, browser performs unwanted word wrap between
caption and its field, like:

Label ........ LongerLabel
....


It it possible that caption and its following field are kept always together,
like

Label ........
LongerLabel ....


I tried to use use div tags :

<div> Label <input type=text size=5></div>
<div>LongerLabel <input type=text size=10></div>

but div tag causes new line always. I want to display as many label/field
pairs in singe line as possible.

I also tried span element, but span does not keep its contents in same line:

<span> Label <input type=text size=5></span>
<span>LongerLabel <input type=text size=10></span>

Any idea how to prevent word wrap between caption and following field ?