logo

Comment indenter du texte en HTML en utilisant CSS ?

Dans cet article, nous aborderons différentes méthodes pour mettre en retrait du texte dans un document HTML. L'indentation du texte est utilisée pour définir la longueur de l'espace blanc vide avant les lignes de texte dans un bloc. Il marque généralement le début d'un paragraphe.

Il existe quelques approches courantes pour l'indentation de texte :



Table des matières

En utilisant le propriété marge gauche :

Cette propriété permet d'ajouter une marge à gauche d'un élément. Il peut être utilisé pour ajouter le retrait requis en spécifiant l'espace nécessaire en unités de longueur ou en pourcentages appropriés.

Exemple: Cet exemple utilise la propriété margin-left pour mettre en retrait tout le bloc de texte.



HTML

la vérification Java est nulle






> <>html>>> <>head>>> ><>style>>> >p {> >margin-left: 40px;> >}> >style>tête>

Bienvenue sur GFGh2>

Nous proposons une variété de services pour que vous puissiez apprendre, vous épanouir et aussi vous amuser ! Tutoriels gratuits, des millions d'articles, des cours en direct, en ligne et en classe, des concours de codage fréquents, des webinaires animés par des experts du secteur, des opportunités de stages et des opportunités d'emploi. p> corps> html>>

script de chargement javascript
>

>

Sortir:

En utilisant le propriété text-indent :

Cette propriété est utilisée pour définir la quantité d'espace avant la première ligne de texte d'un paragraphe. Il peut être spécifié en unités de longueur ou en pourcentage selon les besoins.

Exemple: Dans cet exemple, la première ligne du paragraphe est mise en retrait à l'aide de la propriété text-indent.

HTML




java initialiser le tableau

> <>html>>> <>head>>> ><>style>>> >p {> >text-indent: 40px;> >}> >style>tête>

Bienvenue sur GFGh2>

Nous proposons une variété de services pour que vous puissiez apprendre, vous épanouir et aussi vous amuser ! Tutoriels gratuits, des millions d'articles, des cours en direct, en ligne et en classe, des concours de codage fréquents, des webinaires animés par des experts du secteur, des opportunités de stages et des opportunités d'emploi. p> corps> html>>

>

>

Sortir:

En utilisant propriété padding-left :

La propriété padding-left en CSS spécifie la quantité d'espace entre le bord gauche de la zone de contenu d'un élément et son contenu interne. Il crée un remplissage sur le côté gauche, éloignant le contenu de la limite gauche de l’élément et fournissant un espacement et une indentation.

Exemple: Dans cet exemple, nous utilisons la propriété padding left avec un exemple .

HTML


ville aux États-Unis



> <>html>>> <>head>>> ><>style>>> >p {> >padding-left: 60px;> >}> >style>tête>

Bienvenue sur GFGh2>

Nous proposons une variété de services pour que vous puissiez apprendre, vous épanouir et aussi vous amuser ! Tutoriels gratuits, des millions d'articles, des cours en direct, en ligne et en classe, des concours de codage fréquents, des webinaires animés par des experts du secteur, des opportunités de stages et des opportunités d'emploi. p> corps> html>>

>

>

Sortir:

commande Linux pour zip