title: How can I set the position of the website at middle/center of the window?
body: <pre><code>* {
      margin:0;
      padding:0;
  }
  
  /** General Style Info **/
  body {
      background: #003d4c;
      color: #fff;
      font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
      font-size:90%;
      margin: 0;
  }
  #container {
      text-align: left;
  }
  
  #content {
      background: #ffffff;
      clear: both;
      color: #333;
      padding: 10px 10px 10px 10px;
      margin-left: 1%;
      margin-right: 1%;
      margin-bottom: 5px;
      overflow: auto;
      width: 970px;
  }
  </code></pre>
  
  <p>The content division is inside container division.</p>
  
  <p>The website is built in CRT monitor, but when i browse this website on LCD monitor with high resolution, i see that there are more space at the right side of the website.</p>
  
  <p>The content or the website is not set in the middle of the window.</p>
  
  <p>How can i set it at middle of the window so that the left and the right side are equally away from the window.</p>