GeeksforGeeks (Français)

L’espacement peut être ajouté en utilisant HTML et CSS par 3 approches:

Méthode 1: en utilisant les caractères spéciaux désignés pour différents espaces

Le& nbsp; entité de caractère utilisée pour désigner un espace non cassant qui est un espace fixe. Cela peut être perçu comme deux fois l’espace d’un espace normal. Il est utilisé pour créer un espace en ligne qui ne peut être rompu par le retour.,

  entité de caractère utilisée pour désigner un espace ‘en’ qui signifie la taille d’un demi-point de la police actuelle. Cela peut être perçu comme deux fois l’espace d’un espace normal.

  entité de caractère utilisée pour désigner un espace ’em’ qui signifie égal à la taille du point de la police actuelle. Cela peut être perçu comme quatre fois l’espace d’un espace normal.,

syntaxe:

Regular space:  Two spaces gap:  Four spaces gap:  

exemple:

dans le code ci-dessus espace et deux espaces et quatre espaces le code n’est pas visible, donc voici à quoi il ressemble

sortie:

méthode 2: Utilisation de la propriété Tab-size pour définir l’espacement des caractères de tabulation

la propriété tab-size CSS est définie, La modification de cette valeur permet d’insérer la quantité d’espace nécessaire sur un caractère de tabulation. Cette méthode ne fonctionne cependant qu’avec du texte pré-formaté (en utilisant les balises <pre>).

le caractère de tabulation peut être inséré en maintenant la touche Alt enfoncée et en appuyant simultanément sur 0 et 9.,

Syntaxe:

.tab { tab-size: 2; }

Exemple:

Résultat:

Méthode 3: La création d’une nouvelle classe pour l’espacement à l’aide de CSS

Une nouvelle classe peut être créé, qui donne une certaine quantité d’espacement à l’aide de la marge gauche de la propriété. La quantité d’espace pourrait être donnée par le nombre de pixels spécifié dans cette propriété.

la propriété display est également définie sur ‘inline-block’ afin qu’aucun saut de ligne ne soit ajouté après l’élément. Cela permet à l’espace de s’asseoir à côté du texte et d’autres éléments.,

Syntax:

.tab { display: inline-block; margin-left: 40px;}

Example:

Output: