Ich habe einen großen Abstand zwischen zwei Zeilen Code, wie entferne ich?

Question

Zwischen:

<h2>Menu</h2> 

und

<h5>Hover to see more!</h5> 

Ich habe diese riesige Lücke, gibt es eine Möglichkeit, es zu entfernen?

Weitere Referenzen dies ist mein Code vor 2 Überschrift:

 <div class="container"> 
     <img src="Lato Font Test.png" alt="Avatar" class="image"> 
      <div class="overlay"> 
       <div class="text"><p>About Us // Origin</p><p>Sample Text</p><p>Sample Text</p><p>Sample Text</p></div> 
      </div> 
      </div> 

    <br></br> 

Und nach 5 Überschrift:

<ul id="accordion"> 
      <li> 
       <h2>MENU // SOUPS</h2> 
       <div class="content"> 
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p> 
       </div> 
      </li> 

Bild Referenz: http://i.imgur.com/Imc3DPb.png

Vielen Dank im Voraus!

Answer 1

Eines Ihrer Elemente hat einen Standardabstand oder -abstand. Sie können Ihre Elemente mit den Browser-Entwicklungstools überprüfen, um herauszufinden, ob nicht beide das Problem verursachen. Passen Sie die Abstände und Ränder an, indem Sie padding: x; und margin: x; x als die Anzahl der Pixel [ex. 5px] willst du.