css - 2个段落之间的CSS空格不起作用

Question

在我的网站“Equipe”页面上，我希望在“创始人和董事总经理”文本和下面的文本之间有更多的空间。我试过margin bottom但似乎没有用。有什么建议吗？

注意：abr会占用太多空间。

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>

Answer 1

一个简单的解决方法是将 添加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;
}