title: Centering div with unknown width
body: <p>i have div <code>&lt;div id="container"&gt;&lt;/div&gt;</code> which contains all page content including header footer etc.</p>
  
  <p>So i would like to center this div to the center of my page, now i have this css:</p>
  
  <pre><code>#page{
  position:relative;
  margin:auto;
  width:1000px;
  }
  </code></pre>
  
  <p>And it works, but my problem is that content in this div keeps changing so the width changes too, it can be <code>1000px</code> or <code>10100px</code> so i need something like <code>width:auto;</code>, how can do something like that?</p>