Come centrare il testo in HTML

Autore: Laura McKinney
Data Della Creazione: 10 Aprile 2021
Data Di Aggiornamento: 1 Luglio 2024
Anonim
Centrare un elemento (testo, box...) all’interno di una pagina HTML con i CSS *responsive*
Video: Centrare un elemento (testo, box...) all’interno di una pagina HTML con i CSS *responsive*

Contenuto

Questo articolo mostra come centrare il testo su un sito Web HTML utilizzando Cascading Style Sheets (CSS). La centratura del testo in HTML viene eseguita con i tag

, ma questo tag è considerato obsoleto e non funziona più sulla maggior parte dei browser.

Passi

Metodo 1 di 2: da CSS

  1. Apri il file contenente gli stili CSS. Sebbene la carta
    obsoleto, ma puoi ancora creare nuovi elementi da aggiungere in qualsiasi punto della pagina per centrare il testo all'interno dei loro confini. Se non hai un file CSS separato, devi specificare lo stile nella parte superiore del file HTML, tra i tag ".’.
    • Se ancora nessuna carta Devi aggiungere direttamente sotto la carta all'inizio del file sono i seguenti:

  2. Crea un livello centrale del testo. Carta
    chiederà al documento HTML di fare riferimento alla porzione specifica di testo, quindi dovrai classificare questo tag. Inserisci il seguente testo nello spazio tra il tag "style", non dimenticare di premere ↵ Invio due volte dopo la prima riga:

    • Aggiungi proprietà text-align. Importare text-align: center; nello spazio tra le parentesi graffe nella sezione diva. Il titolo attuale sarà simile a questo:

      • Aggiungi una carta div il testo dovrebbe essere centrato. Procedi posizionando la carta
        testo sopra il testo che desideri centrare e chiudere con i tag sotto il testo che vuoi centrare. Ad esempio, per centrare un titolo e il paragrafo di apertura, è necessario digitare quanto segue:
        • Uso delle carte diva per centrare le altre regioni. Se vuoi centrare un altro elemento (ad esempio, il contenuto tra tag come e

          ), accedere
          davanti al testo e in dopo quello. Poiché hai specificato "div.a" come comando di centratura, questo testo verrà centrato esattamente come il precedente:
          • Revisione dei documenti. Il contenuto può variare, ma in generale il tuo documento dovrebbe ora assomigliare a questo:
              annuncio pubblicitario

            Metodo 2 di 2: utilizza il tag centrale in HTML

            1. Apri il documento HTML. Questo metodo descrive come utilizzare i tag HTML
              (ora anche obsoleto). A partire da dicembre 2018, questa scheda è ancora attiva in alcuni browser Web, ma a lungo termine non dovresti ancora utilizzare questa scheda.
            2. Identifica il testo che desideri centrare. Scorri verso il basso fino a trovare il titolo, il paragrafo o altro testo che desideri centrare.
            3. Aggiungi un tag "center" alle estremità del testo. Questo tag centrale ha un formato
              testo
              , dove "testo" è il testo da centrare. Se il testo ha già un tag interno (ad esempio, "" per il paragrafo), il tag "center" può essere esterno a qualsiasi tag preesistente:
              • Rivedi il documento HTML. Il documento dovrebbe ora assomigliare a questo:
                  annuncio pubblicitario