Marge Supérieure CSS
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érieureUsage:
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
A Note
CSS - Feuilles de style en cascade peut être utilisé avec les balises HTML, comme expliqué dans ce site. Cette simple CSS vous permettra de créer beaucoup plus élégant et soigné html des pages web. Cela ne nécessite pas de logiciels ou d'autres codages. Tous les navigateurs web sont capables de transmettre des codes CSS.
Note 2: Si nécessaire, vous pouvez à l'aide de <span> au lieu de <div> marques. div balise de début et de fin sur les nouvelles lignes. span ne dépassera pas la balise domaine.