Centrare il testo in html

In questo tutorial imparerai come centrare il testo in un sito Web HTML. Usiamo CSS (Cascading Style Sheets) per questo. Eravamo abituati a centrare in HTML usando il -tag, ma questo non funziona più nella maggior parte dei browser.

Passi

Metodo 1 di 2: utilizzo dei CSS

Immagine titolata 2974143 7
1. Apri il file di testo in cui descrivi i tuoi stili. Ora il -tag non è più utilizzato, crea un nuovo elemento in questo file che centra il testo in alcune parti del tuo documento HTML. Se non hai un file CSS separato, i codici si trovano nella parte superiore del documento HTML tra `
  • Come la - e -i tag non sono ancora presenti, puoi posizionarli direttamente sotto il -taggare nel modo seguente:
  • Immagine titolata 2974143 8
    2. Crea una classe che centra il testo. Il -tag dice al tuo documento HTML a quale sezione specifica appartiene questa classe. Digita quanto segue tra i tag "stile", assicurandoti di fare clic ↵ Inserisci dopo la prima riga:
    div.un {}
    Immagine titolata 2974143 9
    3. Aggiungi il allineamento del testo-proprietà. genere allineamento testo: centro; tra le parentesi nel div.un-sezione. L`"intestazione" ora appare così:
    Immagine titolata 2974143 11
    4. Aggiungi quello giusto div-tagga il testo che vuoi centrare. Lo fai usando il -tag sopra questo testo e chiudilo con a -tag sotto questo testo. Ad esempio, se vuoi centrare un titolo nel paragrafo sottostante, sarebbe simile a questo:
    Immagine titolata 2974143 12
    5. Utilizzare il div.un-tag per centrare altri elementi. Quando vuoi centrare un altro elemento, come il contenuto tra i tag e ), genere per questo elemento e dopo. Dato che sei il `div.a` come codice CSS di centraggio, ora anche questi elementi sono centrati.
    Immagine titolata 2974143 13
    6. Controlla il tuo documento. Anche se il testo della tua pagina web sarà ovviamente diverso, sarà simile a questo:

    Metodo 2 di 2: utilizzo del tag `centro` in HTML

    1. Apri il tuo documento HTML. Questo metodo descrive come eliminare l`obsoleto -tag utilizzato. Questo metodo probabilmente funzionerà ancora in alcuni browser, ma è meglio non fare troppo affidamento su di esso.
    Immagine titolata 2974143 2
    2. Trova il testo che vuoi centrare. Scorri verso il basso il documento fino a trovare il titolo, il paragrafo o altro testo che desideri centrare.
    Immagine titolata 2974143 3
    3. Posiziona il tag "centro" su entrambi i lati del testo. Il codice è simile a questo . Qui `testo` è il testo da centrare. Posiziona i tag "centro" al di fuori dei tag esistenti, se sono presenti altri tag in questo testo, ad esempio "
    Immagine titolata 2974143 4
    4. Controlla il tuo documento HTML. Dovrebbe assomigliare a qualcosa di simile a questo:

    Condividi sui social network: