title: How can I center a box in CSS?
body: <p>I would like to know how can i center this box?</p>
  
  <p>HTML Code:</p>
  
  <pre><code>&lt;div id="box"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS Code:</p>
  
  <pre><code>#box
  {
    width : 30%;
    height : auto;
    overflow : auto ;
    border : 1px solid #C5C5C5;
    background : #F8F8F8;
    position : absolute;
    left : 33.6%;
    border-top : none;
    text-align : left;
    display : none;
  }
  </code></pre>