Cum să indentăm textul în HTML

Indentarea textului în HTML

HTML-ul este conceput pentru a structura conținutul paginii, nu pentru a-l poziționa vizual. Cu toate acestea, limbajul oferă diferite metode de indentare, iar W3C recomandă folosirea CSS-ului pentru a obține un aspect curat și flexibil.

Spații nesărcăitoare (Non‑breaking Spaces)

Caracterele de spațiu nesărcăitor ( ) funcționează ca o bară de spațiu pe tastatură. Pentru a indentara o linie sau prima linie a unui paragraf, inserați un număr de   înainte de text. De exemplu, pentru cinci spații:

     Textul indentat.

Tag-ul <blockquote>

Tag-ul <blockquote> este destinat să diferențieze citate sau informații externe. Indentarea se aplică pe toate liniile din interiorul tag-ului. Pentru a elimina stilurile implicite (cum ar fi marginile și bordura), utilizați CSS inline:

Textul indentat cu blockquote.

Tag-ul <pre>

Tag-ul <pre> preservează exact formatarea textului, inclusiv spațiile și tab-urile. Puteți insera cât doriți de spații sau tab-uri înainte de fiecare linie:

    Indentarea 1
        Indentarea 2
    Indentarea 3

Rețineți că un editor HTML poate converti tab-urile în spații, iar browserul poate afișa un număr diferit de spații.

Indentarea cu CSS

CSS oferă cele mai flexibile soluții pentru indentare:

• text‑indent – indentă prima linie a unui paragraf: p { text-indent:10px; }
• margin‑left – adaugă spațiu la stânga întregului paragraf: p { margin-left:10px; }

Aceste stiluri pot fi adăugate la un stylesheet intern sau extern, astfel încât să se aplice pe toate elementele <p> din pagină sau site.