title: Can't get CSS to give same padding on top/bottom as I get on sides
body: <p>I am trying to get the same amount of space between my .email-background class and my .email-container class all the way around the .email-container. But I have more space at the top and bottom, even though I specified a 10px padding all the way around. I've tried zeroing out margins for both elements.</p>
  
  <pre><code>`&lt;style&gt;
              div {
                      padding: 0px;
                      margin: 0px;
                  }
          .email-background{
  
                            background: gray;
                            padding: 10px                       
                          }               
  
          .email-container{
                           background: #ccf2ff;
  
                           }
              .headerlogo {
                          margin-top: 30px;
                          border-radius: 30px;
                          border: 5px solid black;
                          max-width: 100%; 
                          display: block; 
                          margin: auto; 
                          width: 50%; 
                          margin-bottom: 40px;
                          }
          .comcastlogo{
                       max-width: 100%;
                       display: inline;
                       float: left; 
                       margin-left: 
                       12%; margin-bottom: 20px;      
                      }
      &lt;/style&gt;
  
   &lt;/head&gt; 
   &lt;body&gt;
  
       &lt;div class="email-background"&gt;             
  
          &lt;div class="email-container"&gt; 
              &lt;h1&gt;Here is your September 2017 GPA Maintenance Newsletter&lt;/h1&gt;         
              &lt;img src="https://i.imgur.com/5xskeoF.jpg" alt="The newsletter logo" class="headerlogo"&gt;
              &lt;img src="https://i.imgur.com/uhdSAow.jpg" alt="The comcast logo"&gt;
              &lt;h2 style="text-align: right; padding-right: 15%;"&gt;September 2017&lt;/h2&gt;          
          &lt;/div&gt; 
  
       &lt;/div&gt; 
  
  &lt;/body&gt; `
  </code></pre>