关于 my website在“Equipe”页面上,我想在“创始人兼董事总经理”文本和下面的文本之间留出更多空间。我尝试了 margin bottom
但似乎没有用。有什么建议吗?
注意:br
会占用太多空间。
HTML代码:
<div class="equipe-bio">
<img src="images/avatar-man.png" width="80" height="80" alt="Picture" />
<p><span class="bioname">Gregory Yrogerg</span></p>
<p><span class="biotitle">Founder and managing director</span></p>
<p>Originaire de Belgique, Gregory vit depuis plus de 20 années en Norvège. Lorem ipsum dolor sit amet,...</p>
</div>
最佳答案
一个简单的解决方法是添加 margin-bottom
到 <p>
标签,应该可以达到你想要的效果:
<p style="margin-bottom: 5px;">
<span class="biotitle">Founder and managing director</span>
</p>
默认 span
是一个内联元素。因此,如果您想为跨度添加边距,则必须更改 display
属性:
.biotitle {
display: block;
margin-bottom: 5px;
}
关于2段之间的CSS空间不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11593791/