title: Center an auto-width div?
body: <p>I'm having trouble because I have a div I want to center and what I have
  usually been told to do is this:</p>
  
  <pre><code>width: 700px;
  margin-left: auto;
  margin-right: auto;
  </code></pre>
  
  <p>the trouble is, this is for if you want the div to be a fixed width. I want the div
  to adjust its size based on the text in the div, and still be centered. I tried:</p>
  
  <pre><code>width: auto;
  margin-left: auto;
  margin-right: auto;
  </code></pre>
  
  <p>but this didn't work. It stretches the div to fill up the screen when I do this.</p>
  
  <p>Anyone know what to do here? </p>