Cum să indentați textul în HTML folosind CSS?

Cum să indentați textul în HTML folosind CSS?

În acest articol, vom discuta despre diferite metode de indentare a textului într-un document HTML. Indentarea textului este folosită pentru a seta lungimea spațiului alb gol înaintea liniilor de text dintr-un bloc. În general marchează începutul unui paragraf.

Există câteva abordări comune pentru indentarea textului:

Cuprins

Folosind proprietate margine stângă :

Această proprietate este folosită pentru a adăuga o marjă la stânga unui element. Poate fi folosit pentru a adăuga liniuța necesară specificând spațiul necesar în unități de lungime sau procente adecvate.

Exemplu: Acest exemplu folosește proprietatea margin-left pentru a indenta întregul bloc de text.

HTML




> <> html> >>>> <> style> >>>>

Ieșire:

Folosind proprietatea text-indent:

Această proprietate este folosită pentru a seta spațiul înainte de prima linie de text dintr-un paragraf. Poate fi specificat în unități de lungime sau în procente, după caz.

Exemplu: În acest exemplu, primul rând al paragrafului este indentat folosind proprietatea text-indent.

HTML




> <> html> >>>> <> style> >>>>

Ieșire:

Folosind padding-left proprietate :

Proprietatea padding-left din CSS specifică cantitatea de spațiu dintre marginea din stânga a casetei de conținut a unui element și conținutul său interior. Creează căptușeală pe partea stângă, împingând conținutul departe de limita din stânga a elementului și oferind spațiere și indentare.

Exemplu: În acest exemplu, folosim proprietatea padding left cu un exemplu .

HTML




> <> html> >>>> <> style> >>>>

Ieșire: