两段之间的CSS空间不起作用

时间:2012-07-21 16:13:31

标签: css textbox

在“Equipe”页面的my website上,我想在“创始人和总经理”一词和下面的文字之间留出更多空间。我试过了margin bottom,但似乎没有用。有什么建议吗?

注意:br空间太大。

HTML code:

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

1 个答案:

答案 0 :(得分: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;
}