我有兩行代碼之間的巨大空間，我該如何刪除？

之間：我有兩行代碼之間的巨大空間，我該如何刪除？

<h2>Menu</h2>

和

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

我有這個巨大的差距，是有辦法去除呢？

更多的參考，這是我的代碼抽穗前2：

 <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>

和航向後5：

<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>

圖片參考：http://i.imgur.com/Imc3DPb.png

提前感謝！

來源

2017-03-03 Marc Xu

嘗試播放那些h2和h5元素的「margin」和「padding」 –

標題元素具有默認的「margin-top」和「margin-bottom」，如果您不需要它們，必須在CSS中重寫。 – jmoerdyk

請發佈您的完整代碼.. –

你的元素之一有一個默認的填充或邊距。您可以使用瀏覽器開發工具檢查您的元素，找出哪些不是兩者都會導致問題。使用padding: x;和margin: x;調整您的填充和邊距，x是像素數量[例如， 5px]你想要的。

來源

2017-03-03 17:45:14 oompahlumpa

我有兩行代碼之間的巨大空間，我該如何刪除？

回答

相關問題