title: How To make a Form and Div have a max width of child elements
body: <p>I was wondering How To make a Form and Div have a max width of child elements. Eg in this example both the form and the outerDiv stretch the full width of the page. I would like the form and outerDiv to have a width of 200px. </p>
  
  <p>This becomes a problem when I have this page in an iframe, because the width of the page is larger than the iframe I get a horizontal scroll bar.</p>
  
  <pre><code>&lt;body&gt;
  &lt;form name="myForm" method="post" action="#"  &gt;
      &lt;div id="outerDiv" &gt;
          &lt;div style="width: 200px"&gt;
          Both the form and outer div stretch 100%. I am wondering how I
          would get them to wrap tightly around the inner div.
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Thanks for your time and help.</p>