title: Table with 3 columns. Fixed center column width. How to have shared width on other two columns?
body: <p>i have a 100% width table with 3 columns. The center column must be 600px width. How can I have the other two equal width while using up the remaining space?                                      </p>
  
  <pre><code>&lt;table style="width: 100%"&gt;
      &lt;tr&gt;
          &lt;td&gt;left&lt;/td&gt;
          &lt;td style="width: 600px"&gt;center&lt;/td&gt;
          &lt;td&gt;right&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Currently, depending on the content of left or right columns, they are always uneven. I have tried setting 50% width on the left and right as well as other numbers and min-width trials.</p>
  
  <p>Please no jQuery/Javascript. </p>