Propriétés de Marge et de la marge supérieure en utilisant la feuille de style

Sujet

Comment créer un large espace vide entre les deux paragraphes dans le html?
Configuration de la marge supérieure avec la feuille de style.

Explication

Propriété : Marge Supérieure

Usage:
margin-top: 10px;
margin-top: 10pt;
margin-top: 10%;
margin-top: auto;

Définition:

La plupart du temps, on aura besoin de créer une marge pour nos objets. Ceci va configurer la marge supérieure de l’objet.
Il se présente avec les valeurs suivantes.
a)pt : Vous pouvez configurer les valeurs en points. (exemple: 10pt ou 100pt).
b)px : Vous pouvez configurer les valeurs en pixels. (exemple: 10px ou 100px).
c)% : Vous pouvez configurer les valeurs en pourcentage. (exemple: 10% ou 100%).
d)auto : Ceci établira automatiquement une marge.

Exemple 1:

<div style="margin-top: 20px;">vérification de la marge supérieure</div>

Résultat:

vérification de la marge supérieure

Remarque : Vous pouvez constater que le texte s’est déplacé de 20 pixels par rapport à la chaîne du "Résultat".

Exemple 2:

<div style="margin-top: 30pt;">vérification de la marge supérieure</div>

Résultat:

vérification de la marge supérieure

Remarque : Vous pouvez constater que le texte s’est déplacé de 30 points par rapport à la chaîne du « Résultat ».

Exemple 3:

<div style="margin-top: 10%;">vérification de la marge supérieure</div>

Résultat:

vérification de la marge supérieure

Remarque : Vous pouvez constater que le texte s’est déplacé de 10 pourcent par rapport à la chaîne "Résultat".

Exemple 4:

<div style="margin-top: auto;">vérification de la marge supérieure</div>

Résultat:

vérification de la marge supérieure

Marge Supérieure CSS