title: How To Horizontially Center a Div with auto-width
body: <p>How can I get something like this to have auto-width (to get bigger/smaller based on what's in it):</p>
  
  <pre><code>&lt;div id="example"&gt;&lt;div id="foo"&gt;BlahBlah&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/PvfFy/901/" rel="nofollow noreferrer">http://jsfiddle.net/PvfFy/901/</a></p>
  
  <p>I have tried various solutions, and none of them seem to work.</p>
  
  <p>So how can I get #example to center with auto-width?</p>