0

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

1 に答える 1

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;
}
于 2012-07-21T16:17:47.977 に答える