Autore:
Laura McKinney
Data Della Creazione:
10 Aprile 2021
Data Di Aggiornamento:
1 Luglio 2024
![Centrare un elemento (testo, box...) all’interno di una pagina HTML con i CSS *responsive*](https://i.ytimg.com/vi/LFVQQAnxjnE/hqdefault.jpg)
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
Passi
Metodo 1 di 2: da CSS
Apri il file contenente gli stili CSS. Sebbene la cartaobsoleto, 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:
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:
Metodo 2 di 2: utilizza il tag centrale in HTML
- 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.
Identifica il testo che desideri centrare. Scorri verso il basso fino a trovare il titolo, il paragrafo o altro testo che desideri centrare.
Aggiungi un tag "center" alle estremità del testo. Questo tag centrale ha un formatotesto , 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: