title: How to remove white space between iframe and div
body: <p>I'm trying to remove the white space between the <code>iframe</code> and <code>div</code> as I can. Initially there are a huge white space, but after adding in <code>margin: 0px;</code> to my <code>iframe</code>, <code>div</code>, and <code>h1</code> for my div as well, the white space still remain but become smaller. Anyone know how to remove the strange white space? </p>
  
  <p><a href="https://i.stack.imgur.com/NpP4I.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NpP4I.jpg" alt="enter image description here"></a></p>
  
  <pre><code>iframe {
  margin: 0px;
  padding: 0px;
  }
  
  .footer {
  margin: 0px;
  padding: 0px;
  line-height: 160px;
  width: 100%;
  color: white;
  background-color: black;
  }
  
  .footer h1 {
  margin: 0px;
  padding: 0px;
  }
  </code></pre>