title: Html Table with 100% width but with growing TD?
body: <p>I have a table which its width is 100%;</p>
  
  <p><a href="http://jsbin.com/uneyug/4/edit" rel="nofollow noreferrer"><strong>I have 2 TDs.</strong></a></p>
  
  <p><img src="https://i.stack.imgur.com/cpRyr.jpg" alt="enter image description here"></p>
  
  <p>However I want the second <code>td</code> to be near to the <code>left</code> end. ( right after the ccccccc...)</p>
  
  <p><a href="http://jsfiddle.net/Rrkky/1/" rel="nofollow noreferrer"><strong>There is a solution</strong></a> which uses 1 more td which its width is 100%.</p>
  
  <p>Something like</p>
  
  <pre><code>&lt;table id="mytable"style="width:100%;background:red"&gt;&lt;tr&gt;
      &lt;td&gt;TEXT1&lt;/td&gt;
      &lt;td&gt;TEXT2&lt;/td&gt;
      &lt;td style="width:100%;background:blue"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;&lt;/table&gt;
  </code></pre>
  
  <p>But , I was wondering if there's another solution <strong>without</strong> another TD ? </p>