Question

I have a structure like this:

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

My question is, I want to always keep these 2 inputs on the same line no matter how the window resizes. AND these 2 inputs takes up all the spaces of the table cell. the button is fixed size, while the text input can gets longer if the table cell grows.
Thanks.

Answer 1

Try

div { white-space: nowrap; }

DEMO