间:
<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
提前致谢!
答案 0 :(得分:0)
您的一个元素具有默认填充或边距。您可以使用浏览器开发工具检查元素,以确定哪两个都导致问题。使用padding: x;
调整您的填充和边距,margin: x;
x是像素数量[例如, 5px]你想要的。