title: HTML and CSS - remove space between two divs
body: <p>So i started to learn building a website a few days ago and sitting here trying to solve my problem - without success</p>
  
  <p><strong>The HTML</strong></p>
  
  <pre><code>&lt;div id="banner"&gt;
      &lt;img src="Bilder/baustelle.jpg"&gt;
  &lt;/div&gt;
  
  &lt;div id="text"&gt;
      &lt;p&gt;Wir freuen uns über Ihren Auftrag!&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>The CSS</strong></p>
  
  <pre><code>#banner img{
      width: 100%;
  }
  
  #text{
      font-family: "Agency FB",sans-serif;
      text-align: center;
      background: red;
  }
  
  #text p{
      color: white;
      font-size: 50px;
  }
  </code></pre>
  
  <p>My problem is the white gap between the text and the picture on the top.
  Thanks for your help!</p>