title: Make an input take up all the remaining space
body: <p>My problem is similar to <a href="https://stackoverflow.com/q/1032914/581205">this question</a>, but different. </p>
  
  <p>I have a table cell of an <em>unknown</em> width. This cell contains an <code>input</code> and a <code>span</code>. The <code>span</code> should be <em>as wide as its contents needs</em> and the <code>input</code> should <em>take all the remaining space</em>.</p>
  
  <p>I've created a trivial <a href="http://plnkr.co/edit/H0KzxVbRKNxuNjFLt0Dr?p=preview" rel="nofollow noreferrer">plunk</a> for this seemingly trivial question. The random text should be on the very right and the input should grow or shrink as needed to fill the yellow <code>td</code>.</p>