besoin d’indenter le texte dans un élément HTML? Vous pouvez indenter la première ligne d’un paragraphe en utilisant CSS!,
Voici comment vous pouvez le faire:
Indent la première ligne d’un paragraphe avec text-indent
disons que vous avez du texte dans un paragraphe comme celui-ci:
<p class="indent"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa sit aperiam deserunt quae excepturi fugit, consequuntur cum corporis illum natus quibusdam quasi ab at. Laboriosam aperiam aut laborum animi soluta eligendi iste doloribus error, ex eius magnam? Aperiam illum nam cupiditate omnis. Repudiandae doloribus voluptatibus, animi quas incidunt eveniet fugiat!</p>Vous pouvez utiliser la propriété CSS text-indent pour indenter la
p.indent { text-indent: 30px;}Et voici à quoi cela ressemblera:
comme les autres propriétés de longueur CSS, vous pouvez utiliser n’importe quelle unité je veux pour ça. Pixels (px), em, rem, même pourcentage ( % ) les unités fonctionneront.,
L’utilisation d’une unité relative comme le pourcentage modifiera la quantité d’indentation en fonction de la largeur de la page Web. Plus la page web est large, plus le retrait sera grand.
Vous pouvez même ajouter une valeur négativetext-indent si vous le souhaitez, pour faire ressortir la première ligne vers la gauche.,
p.indent { text-indent: -30px;}Voici ce que le retrait négatif en un paragraphe:
Utilisation de la marge de gauche, si vous voulez que le paragraphe entier à être déplacé vers la droite
Si vous voulez que le paragraphe entier pour être changées, pas seulement la première ligne, ensuite, vous pouvez utiliser la balise margin-left propriété.
p.shifted { margin-left: 30px;}Voici à quoi va ressembler., Le premier alinéa n’a pas changé au cours, et le deuxième paragraphe est:
