title: html table width>page width right padding not working
body: <p>I have a table that has a lot of columns and I need the columns to be the same width, so the table total width is bigger than page width, and that's fine because the browser shows the horizontal scrollbar. What's I can't get around is that, while left and top padding are ok, the right padding is not working, there's no space between table right end and the browser frame.</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;&lt;td&gt;A&lt;/td&gt;&lt;td&gt;B&lt;/td&gt;&lt;td&gt;C&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;D&lt;/td&gt;&lt;td&gt;E&lt;/td&gt;&lt;td&gt;F&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;G&lt;/td&gt;&lt;td&gt;H&lt;/td&gt;&lt;td&gt;I&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  
  table {
      width: 200%;
      padding: 10px 0px 10px 0px;
      background-color: #800000;
  }
  td {
      background-color: #ffa500;
  }
  </code></pre>
  
  <p>Here's a <a href="https://jsfiddle.net/gabryk/havyp55k/1/" rel="nofollow noreferrer">fiddle</a></p>