CSS-guru? Mixing text with dhtmlxCombo on the same line

I’m having trouble getting the dhtmlxCombo integrate within the normal text of the page instead of rendering on a paragraph of its own.
For now, I have made the following solution:

<span style="float:left;">This is some text</span>
<span style="float:left;">
<select id="var1">
<option>50</option><option>100</option>
</select>
<script>var var1 = dhtmlXComboFromSelect("var1");</script>
</span>
<span style="float:left;">This is some text</span>
<span style="float:left;">
<select id="var2">
<option>50</option><option>100</option>
</select>
<script>var var2 = dhtmlXComboFromSelect("var2");</script>
</span>
<span style="float:left;">This is some text</span>
<div style="clear:both;"></div>

Although this seems to work to get the combobox appear within the text itself, at some browser widths when the combobox itself need to be on a new line, it seems to ‘stack’ up to other comboboxes in the same line, instead of making a new line (see attached image). Is there any better approach to prevent comboboxes rendering in a line of it’s own, but instead just appear within text?

combo is a block element (div). Therefore it isn’t possible to show it like html select.

Thanks for your reply. I know it’s a div; but most problems have some sort of solution, especially when CSS is involved …

Is there any CSS-guru out there that may have some hints of any kind so to make this work?