title: How to make INPUT element fill the entire table TD cell
body: <p>With this example table:</p>
  
  <pre><code>&lt;table&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;
  
          &lt;input value = "this is the text"&gt;
  
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I have the <code>&lt;input&gt;</code> element populating the table's <code>&lt;td&gt;</code> cell. By default it (the <code>&lt;input&gt;</code> element) does not take all the space available by its <code>&lt;td&gt;</code> cell. How to make sure that the <code>&lt;input&gt;</code> element always fills the space from edge to edge?</p>
  
  <p><a href="https://i.stack.imgur.com/ixws0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ixws0.png" alt="enter image description here"></a></p>