Difficile
Soit le code suivant :
<style>
p {
margin: 8px 0;
padding: 2px 0;
}
</style>
<p>Lorem ipsum dolor sit amet consectetur adipisicing.</p>
<p>Quia, assumenda aliquam? Dolore facilis ab nihil.</p>
Quelle sera la valeur exacte de l’espacement vertical entre ces 2 paragraphes ?
Auteur: Jean-marie CléryStatut : PubliéeQuestion passée 1600 fois
Modifier
4
Évaluations de la communauté
Joan-Léna
06/02/2024
Je n'ai pas saisi cette question, on ne fait pas, la somme totale de l'espacement vertical entre les deux paragraphes donc 16px (marge) + 4px (rembourrage) = 20px ?
Auteur anonyme
16/02/2024
Non, vu que les 2 blocs sont une adjacent et ont chacun une marge ( -bottom pour celui du dessus, -top pour celui du dessous ), alors les marges fusionnent. Il ne faut donc compter qu'une seule marge, et appliquer les paddings respectifs.
Ce qui fait donc 2+2+8 = 12.
Cf https://developer.mozilla.org/fr/docs/Web/CSS/CSS_box_model/Mastering_margin_collapsing
Questions similairesPlus de questions sur HTML5