prevent linebreaks between two elements

Question

I have this html with css: http://jsfiddle.net/krhxG/

I set the width of the div to 20px in purpose in order to explain what I need.
How can I prevent from the submit button to break the line?
I want both the controls to be as one without line breaks at all. How can I do it?

Answer 1

How can I prevent from the submit button to break the line?

With a white-space: nowrap; on the parent <div> See updated jsfiddle.

Answer 2

In your container div, you need a white-space property:

<div style="white-space:nowrap;">
<input type="text" /><input type="submit" value=""/>
</div>