Marge gauche, grand espace utilisant la feuille de style

Sujet

Créer un large espace vide sur le côté gauche du tableau html avec la feuille de style.

Explication

Propriété : Marge Gauche

Usage:
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

Marge Gauche CSS