title: Centering a heading <h1>
body: <p>Quick question, I have a DIV with a H1 inside it, now , I wish to Center my H1 inside this DIV...</p>
  
  <p>I try the following which does not work:</p>
  
  <p>set the H1:</p>
  
  <pre><code>display:inline
  margin-left: auto ; 
  margin-right: auto ;
  </code></pre>
  
  <p>But I try this and it does work, can someone explain why the above DOESN'T work?</p>
  
  <p>set the H1:</p>
  
  <pre><code>width: 35%;
  margin-left: auto ; 
  margin-right: auto ;
  </code></pre>