我在两行代码之间有一个巨大的空间如何删除?

时间:2017-03-03 17:35:48

标签: html

间:

<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

提前致谢!

1 个答案:

答案 0 :(得分:0)

您的一个元素具有默认填充或边距。您可以使用浏览器开发工具检查元素,以确定哪两个都导致问题。使用padding: x;调整您的填充和边距,margin: x; x是像素数量[例如, 5px]你想要的。