On my website on the page “Equipe”, I would like some more space between the text “Founder and Managing Director” and the text below. I tried margin bottom but doesn’t seem to work. Any suggestion?
Note: a br would be too much space.
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>
A simple fix would be to add the
margin-bottomto the<p>tag, which should achieve your desired effect:By default
spanis an inline element. So if you wanted to add a margin to a span, you would have to change thedisplayproperty: