Cum se centrează textul în HTML

Autor: Laura McKinney
Data Creației: 10 Aprilie 2021
Data Actualizării: 1 Iulie 2024
Anonim
CSS Center text Horizontal and Vertical
Video: CSS Center text Horizontal and Vertical

Conţinut

Acest wikiHow vă învață cum să centrați textul pe site-ul HTML folosind Foi de stil în cascadă (CSS). Centrarea textului în HTML se face cu etichete

, dar această etichetă este considerată învechită și nu mai funcționează pe majoritatea browserelor.

Pași

Metoda 1 din 2: Prin CSS

  1. Deschideți fișierul care conține stilurile CSS. Deși cardul
    depășite, dar puteți crea în continuare elemente noi pe care să le adăugați oriunde pe pagină pentru a centra textul în limitele lor. Dacă nu aveți un fișier CSS separat, trebuie să specificați stilul în partea de sus a fișierului HTML, între etichetele „.’.
    • Dacă încă nu există card Trebuie să adăugați direct sub card în partea de sus a fișierului sunt următoarele:

  2. Creați un strat central de text. Card
    va cere documentului HTML să se refere la porțiunea specifică de text, deci va trebui să clasificați această etichetă. Vă rugăm să introduceți următorul text în spațiul dintre eticheta „stil”, nu uitați să apăsați ↵ Intrați de două ori după prima linie:

    • Adăugați proprietăți aliniere text. Import text-align: centru; în spațiul dintre bretele din secțiune div.a. Titlul actual va arăta astfel:

      • Adaugă un card div textul ar trebui să fie centrat. Continuați plasând cardul
        text deasupra textului pe care doriți să îl centrați și să îl închideți cu etichete sub textul pe care doriți să îl centrați. De exemplu, pentru a centra un titlu și paragraful de deschidere, trebuie să tastați următoarele:
        • Utilizarea cardurilor div.a pentru a centra alte regiuni. Dacă doriți să centrați un alt element (de exemplu, conținut între etichete cum ar fi și

          ), introduce
          în fața textului și după aceea. Deoarece ați specificat „div.a” ca comandă de centrare, acest text se va concentra la fel ca și precedentul:
          • Revizuirea documentelor. Conținutul poate varia, dar, în general, documentul dvs. ar trebui să arate așa:
              publicitate

            Metoda 2 din 2: utilizați eticheta centrală în HTML

            1. Deschideți documentul HTML. Această metodă descrie modul de utilizare a etichetelor HTML
              (acum învechit, de asemenea). Începând din decembrie 2018, acest card este încă activ în unele browsere web, dar pe termen lung, nu ar trebui să utilizați încă acest card.
            2. Identificați textul pe care doriți să îl centrați. Derulați în jos până găsiți titlul, paragraful sau alt text pe care doriți să îl centrați.
            3. Adăugați eticheta „centru” la capetele textului. Această etichetă centrală are un format
              text
              unde „text” este textul care trebuie centrat. Dacă textul are deja o etichetă interioară (de exemplu, "" pentru paragrafe), eticheta "centrală" poate fi în afara oricăror etichete preexistente:
              • Examinați documentul HTML. Documentul ar trebui să arate acum:
                  publicitate