Rembourrage Gauche CSS

Comment créer un espace entre la bordure gauche et le texte?
Rembourrage Gauche html avec la feuille de style

Explication

Propriété :

Rembourrage Gauche
Usage:
padding-left: 10px;
padding-left: 10pt;
padding-left: 10%;
padding-left: auto;

Définition:
Ceci va configurer le rembourrage 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 une marge automatique.

Exemple 1:
<div style="padding-left: 20px;">vérification du rembourrage gauche</div>
Résultat:
vérification du rembourrage gauche

Remarque : La différence entre le rembourrage et la marge est que le rembourrage établit des valeurs à l’intérieur de l’objet, alors que la marge déplace la totalité de l’objet par rapport à l’objet le plus près.
Exemple 2:
<div style="padding-left: 30pt;">vérification du rembourrage gauche</div>
Résultat:
vérification du rembourrage gauche


Exemple 3:
<div style="padding-left: 10%;">vérification du rembourrage gauche</div>
Nous ne le recommendons pas parce qu’il peut causer des problèmes avec certains navigateurs comme le IE

Exemple 4:
<div style="padding-left: auto;">vérification du rembourrage gauche</div>
Résultat:
vérification du rembourrage 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.

CSS Sujets