HTML 文字の隣にあるテキストボックスが一段下がってしまうのを防ぎたい


文字の隣にテキストボックスを配置したいのですが、  
画面幅のせいかテキストボックスが文字の下段に移動してしまいます。  
これを防ぐ方法はありませんか？  
分かる方がいましたらご教授をお願いします。

[code]

    <span>
          文字
          <input type="text" style="width:450px;">
     </span>
    
[/code]



[code]

    <span style="white-space:nowrap;">
        文字
        <input type="text" style="width:450px;">
    </span>
    
[/code]

これでいかがでしょうか。



[code]

    <span style="white-space:nowrap;">
        文字
        <input type="text" style="width:450px;">
    </span>
    
[/code]

これでいかがでしょうか。

