title: Remove white space between two divs
body: <p>How to remove the white space between the <code>header</code> and <code>wrapper</code> divs.</p>
  
  <p>Here is a <a href="http://jsfiddle.net/ygvwL724/" rel="nofollow">DEMO fiddle</a>.
  Here is the HTML code :</p>
  
  <pre><code> &lt;div id="container"&gt;
      &lt;div id="header"&gt;
          &lt;div id="logo"&gt;
          &lt;/div&gt;
          &lt;div id="login"&gt;
              &lt;h3&gt;
                  CLIENT LOGIN&lt;/h3&gt;
              Username
              &lt;input type='text' name='username' id='username'&gt;
              &lt;input type='button' name='login' value='Login' id='btnLogin'&gt;
              &lt;br /&gt;
              Password:
              &lt;input type='password' name='password' id='password'&gt;
              &lt;input type='button' name='register' value='Register' id='btnRegister'&gt;
          &lt;/div&gt;
          &lt;div id="navigation"&gt;
              &lt;ul&gt;
                  &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Profile&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Group&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Seminar&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="wrapper"&gt;
          &lt;div id="contents"&gt;
              &lt;div id="welcome"&gt;
                  &lt;h3&gt;
                      Welcome to Somara&lt;/h3&gt;
                  &lt;p&gt;
                      It is a long established fact that a reader will be distracted by the readable content
                      of a page when looking at its layout.&lt;/p&gt;
                  &lt;p&gt;
                      There are many variations of passages of Lorem Ipsum available.&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="footer"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the CSS code:</p>
  
  <pre><code>    body
  {
      width:100%;
      margin:0px;
  }
  
  #header
  {
      width: 100%;
      background-color: #2c2520;
      min-height: 200px;
  }
  #login
  {
      float: right;
      color: white;
  }
  #logo
  {
      background-image: url('../img/logo.png');
      min-height: 191px;
      min-width: 230px;
      float: left;
      background-repeat: no-repeat;
  }
  #navigation
  {
      padding-top: 158px;
      margin-right: -200px;
      float: right;
  }
  #navigation li
  {
      display: inline;
      min-width: 100px;
      padding: 5px 5px 5px 5px;
  }
  
  #navigation a
  {
      text-decoration: none;
      font-family: Tahoma, calibri;
      font-size: 15px;
      color: #f8f8f8;
  }
  .active
  {
      background-color: #afaba5;
      color: black;
  }
  
  .inactive
  {
      color: white;
      background-color: #392f2b;
  }
  
  #contents
  {
      width: 950px;
      margin: 0px;
      min-height: 700px;
  
  
  }
  
  #wrapper
  {
      width: 100%;
      margin: 0 auto;
      background-color: #39302b;
  }
  
  
  #intro1
  {
      min-width: 30%;
      max-width: 35%;
      min-height: 250px;
      float: left;
      padding: 10px;
      padding-right: 50px;
      padding-left: 50px;
      color: #cdcdcd;
  }
  
  #welcome
  {
  
  }
  
  #welcome h3, p
  {
      font-family: Myriad Pro;
      color: white;
      text-align: center;
      font-weight: normal;
  }
  
  #welcome p
  {
      color: #cdcdcd;
      font-size: 20px;
  }
  </code></pre>