title: how to make the whole page in the center?
body: <p>The page is here:
  <a href="https://gentle-day-3026.herokuapp.com/" rel="nofollow">https://gentle-day-3026.herokuapp.com/</a></p>
  
  <p>The css file like this:</p>
  
  <p><a href="https://gentle-day-3026.herokuapp.com/stylesheets/base.css" rel="nofollow">https://gentle-day-3026.herokuapp.com/stylesheets/base.css</a> 
  another is  to use reset.css to replace the base.css
  (the new user just 2 hyperlink allowed)</p>
  
  <p>Try to change some many times, include methods like:</p>
  
  <pre><code>&lt;body&gt; 
   &lt;div id="divMain"&gt; 
    ... 
   &lt;/div&gt; 
  &lt;/body&gt; 
  
  
  body 
  { 
   margin: 0; 
   padding: 0; 
   text-align: center; 
  } 
  #divMain
  { 
   margin: 0 auto; 
   padding: 0; 
   width: 1024px; 
   text-align: left; 
  } 
  </code></pre>
  
  <p>but it didn't work.
  Thank you for your help!</p>
  
  <p>I even test it in a very simple html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
    &lt;head&gt;
     &lt;link rel="stylesheet" href="stylesheets/base.css" media="Screen" type="text/css" /&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;div id="divMain"&gt;
       &lt;h1&gt; hello &lt;/h1&gt;
    &lt;/div&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>It still did not work!</p>