title: remove blank space before wrapper div
body: <p>i want to remove blank spaces which is there. i am a layman user. please forgive me if i am doing a silly mistake. thanks in advance. see image in which space is there and refer to code also.<img src="https://i.stack.imgur.com/zh573.jpg" alt="image of design of page"></p>
  
  <p>html code:</p>
  
  <pre><code>    &lt;html&gt;
      &lt;head&gt;
      &lt;title&gt;CSS&lt;/title&gt;
      &lt;link href="styles.css" rel="stylesheet"&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
      &lt;div id="wraper"&gt;
  
      &lt;div id="header"&gt;
      Header
      &lt;/div&gt;
      &lt;div id="sidebar"&gt;
      Side
      &lt;/div&gt;
      &lt;div id="content"&gt;
      Content
      &lt;/div&gt;
      &lt;div id="footer"&gt;
      Footer
      &lt;/div&gt;
  
      &lt;/div&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>css code:</p>
  
  <pre><code>    #wraper {
      margin:0 auto;
      width:800px;
      height:1000px;
      background:#FCFCFC;
      }
      #header{
      background:#CFCFC0;
      height:100px;
      width:800px;
      }
      #content {
      float:right;
      width:600px;
      height:700px;
      background:#C0C0C4;
      }
      #sidebar {
      float:left;
      width:200px;
      height:700px;
      background:#CFFCCC;
      }
      #footer {
      clear:both;
      background:#C0CC0C;
      height:200px;
      width:800px;
      }
  </code></pre>