title: CSS add a right margin to element that is wider than screen
body: <p>I have a set of forms on my webpage, they are dynamically generated and the width ends up being wider than the screen (this isn't a problem as it is designed to replace an exel spreadsheet with the same issue).</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class='indented-form'&gt;
          &lt;table&gt;
            ... table elements here
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>body {
      margin-right: 0;
      padding: 0;
  }
  
  .indented-form {
      margin: 10px;
  }
  </code></pre>
  
  <p>I have "margin:10px" on the div  that contains the table. 
  This adds a margin at the left of the page as I expect, but scrolling right, the table reaches the edge without any margin. (The div seems to be taking its width from the body, which in turn seems to be based on browser width.)</p>
  
  <p>How do I make it include a margin at the right, even though the table is wider than the browser? </p>