Marge Gauche CSS
Créer un large espace vide sur le côté gauche du tableau html avec la feuille de style.
Explication
Propriété :
Marge GaucheUsage:
margin-left: 10px;
margin-left: 10pt;
margin-left: 10%;
margin-left: auto;
Définition:
La plupart du temps, on aura besoin de créer une marge pour nos objets. Ceci va configurer la marge gauche 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 la marge automatique/par défaut.
Exemple 1: <div style="
margin-left: 20px;">vérification de la marge gauche</div>
Résultat:vérification de la marge gauche
Note: You can see that the text has moved 20 pixels from left side.
Exemple 2: <div style="
margin-left: 30pt;">vérification de la marge gauche</div>
Résultat:vérification de la marge gauche
Note: You can see that the text has moved 30 points from left side.
Exemple 3: <div style="
margin-left: 10%;">vérification de la marge gauche</div>
Résultat:vérification de la marge gauche
Note: You can see that the text has moved 10 percentage from left side.
Exemple 4: <div style="
margin-left: auto;">vérification de la marge gauche</div>
Résultat:vérification de la marge gauche
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.