title: How can I eliminate the margin at the top and bottom of a container
body: <p>Am developing a WordPress site using the underscores theme and I just added a widget with contact info to my site  with the following code:</p>
  
  <pre><code>&lt;div class="topheader"&gt;
     &lt;div class="info"&gt;
        &lt;?php if( is_active_sidebar( 'info' ) ) : ?&gt;          
            &lt;?php dynamic_sidebar( 'info' ); ?&gt;
         &lt;?php endif; ?&gt;
     &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.topheader {
      background-color:#e6e6e6;
  }
  .info {
      max-width: 1280px;
  }
  </code></pre>
  
  <p>The info is the first thing that I on the page. But I see that  there is a space at the top and at the bottom  where my slider is located.</p>
  
  <p>How can I eliminate the existing margin that I see before and after the heading?</p>
  
  <p>Cause at the moment I gap, then the widget, and after the widget there is another gap and only then the slider. 
  I am tried to setting the header margin to 0px, but it didn't really work.</p>
  
  <p>Here a screenshot
  <a href="https://i.stack.imgur.com/35TkK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/35TkK.png" alt="Show a spacing at the top and at the bottom"></a>              </p>