Cum să centralizați textul în html

În acest articol vă vom spune cum să centrați textul de pe site-ul HTML utilizând CSS. În HTML a fost făcută prin etichetă , care este acum considerat învechit și nu mai funcționează în majoritatea browserelor.

Pași

Metoda 1 din 2:
Css
  1. Imagine intitulată 2974143 7
unu. Deschideți fișierul stilurilor CSS. Deși eticheta Outdated, puteți crea un articol nou și îl puteți adăuga la pagină pentru a clarifica textul din acest element. Dacă nu aveți un fișier separat pentru stilurile CSS, găsiți-le în partea de sus a fișierului HTML între etichete "".
  • Dacă nu există etichete specificate, adăugați-le după etichetă În partea de sus a fișierului, de exemplu, deci:
  • Creați o clasă care clarifică textul. Etichetă Informați link-ul documentului HTML către secțiunea specificată a textului, deci trebuie să creați o etichetă pentru această etichetă. Între etichete "Stil" Introduceți următorul conținut și după introducerea primei linii, apăsați de două ori tasta ↵ Introduceți.Imagine intitulată 2974143 8
    Div.A {}
  • Adăugați proprietatea Aliniere text. introduce Text-align: Centrul- între două bretele curly din secțiune Div.A. Titlul ar trebui să arate astfel:Imagine intitulată 2974143 9
     {Text-align: centru-}
  • Adăugați eticheta corespunzătoare Div la textul care urmează să fie centrat. Pentru a face acest lucru, introduceți eticheta deasupra textului care va fi centrat și apoi introduceți eticheta Sub acest text. De exemplu, pentru a închide titlul și textul primului paragraf, introduceți: Imagine intitulată 2974143 11
     clasa ="A">

    Bun

    La site-ul meu

    Pe

    Acest site puteți găsi o varietate de informații.
  • Utilizați eticheta Div.A, Pentru a clarifica alte elemente. Pentru a centen un alt element (de exemplu, conținutul între etichete și introduce Înainte de elementul I După elementul. De la echipa centrală deja specificată "Div.A", Textul va fi centrat în același mod ca înainte: Imagine intitulată 2974143 12
     {Text-align: centru-} clasa ="A">

    Donații

    Bine ati venit

    Mulțumiri

  • Verificați documentul dvs. Deși conținutul său poate fi diferit, documentul ar trebui să arate așa ceva: Imagine intitulată 2974143 13
     {Text-align: centru-} clasa ="A">

    Bun

    La site-ul meu

    Pe

    Acest site puteți găsi o varietate de informații.
    clasa ="A">

    Donații

    Bine ati venit

    Mulțumiri

  • Metoda 2 din 2:
    Tag-ul de centrare în HTML
    unu. Deschideți documentul HTML. Această metodă descrie modul de utilizare a unei etichete HTML , care este deja depășită. Începând cu decembrie 2018, această etichetă funcționează încă în unele browsere web, dar cel mai probabil, în viitorul apropiat, acesta va fi refuzat.
  • Imagine intitulată 2974143 2
    2. Găsiți textul care urmează să fie centrat. Derulați în jos pentru a găsi un titlu, paragraf sau alt text care va fi centrat.
  • Imagine intitulată 2974143 3
    3. Adaugă etichetă "Centru" înainte și după text. Această etichetă are formatul
    TEXT
    , Unde textul este un text ascendent. Dacă există etichete în text (de exemplu, "" Pentru paragraful de text), etichete "Centru" Puteți introduce în afara etichetelor existente:
    Bine ați venit pe site-ul meu: la domiciliu!
  • Imagine intitulată 2974143 4
    4. Vizualizați documentul HTML. Ar trebui să arate așa ceva:
    Bine ați venit pe site-ul meu: la domiciliu!Pe acest site puteți găsi o varietate de informații.
  • Publicații similare