html - 表のセルで要素が別の行に分割されるのを防ぐ方法

Question

私はこのような構造を持っています:

<table>
  <tr>
    <td>
      <div>
         <input type="text" placeholder="Enter your name""/>
         <input type="button" value ="save"/>
      </div>
    </td>
  </tr>
</table>

私の質問は、ウィンドウのサイズがどのように変更されても、常にこれら 2 つの入力を同じ行に保持したいということです。AND これらの 2 つの入力は、テーブル セルのすべてのスペースを占有します。ボタンは固定サイズですが、表のセルが大きくなるとテキスト入力が長くなる可能性があります。ありがとう。

Answer 1

試す

div { white-space: nowrap; }

デモ