Come centrare il testo in html

Scegliere il giusto allineamento per i tuoi elementi che appaiono sul sito Web è molto importante in quanto questo allineamento definisce la struttura generale di una pagina web. Quando si tratta di allineare il testo, gli sviluppatori allineano spesso il testo al centro per evidenziare il titolo o l'intestazione di una pagina web o di un documento. Se desideri imparare a centrare un testo in HTML, allora sei il posto giusto. Qui abbiamo riassunto modi usando il quale puoi allineare il tuo testo al centro.

Come centrare il testo in html

Esistono due modi con cui puoi centrare il tuo testo in HTML. Entrambi questi modi sono stati discussi di seguito.

Come centrare il testo usando il tag

Se desideri centrare il testo, avvolgi semplicemente il testo desiderato all'interno del tag e il testo sarà centrato. Tuttavia, il tag è stato eliminato da HTML5 a favore dell'utilizzo di CSS anziché questo.

Html

Questo paragrafo non è centrato.

Questo paragrafo è centrato.

Nel codice sopra, abbiamo creato due paragrafi, tuttavia, per rappresentare la differenza tra l'allineamento predefinito e l'allineamento centrale del testo che abbiamo avvolto il testo del secondo paragrafo all'interno del tag.

Produzione

Il testo è stato centrato usando il tag.

Come centrare il testo usando l'attributo di stile

Il modo preferito di centrare un testo è usando l'attributo di stile che dà uno stile in linea a un particolare elemento.

Html

Questo paragrafo non è centrato.

Questo paragrafo è centrato.

Attraverso l'utilizzo dell'attributo di stile stiamo impostando la proprietà allineata al testo del secondo paragrafo al centro. Genererà il seguente output.

Produzione

Ecco come usi l'attributo di stile per centrare il testo in HTML.

Tuttavia, se non si desidera utilizzare CSS in linea per centrare il testo, un altro modo di farlo è usare il CSS interno. Qui abbiamo mostrato come è fatto.

Html

Questo paragrafo non è centrato.

Questo paragrafo è centrato.

Nel codice sopra, poiché vogliamo solo centrare il secondo paragrafo, quindi prima di tutto lo assegniamo un ID e quindi utilizzando questo ID stiamo impostando la proprietà allineata al testo nella sezione. Questo codice fornirà anche lo stesso output.

Conclusione

Per centrare il testo in html usa il file tag o il attributo di stile. Se stai usando il tag, posiziona semplicemente il testo all'interno di questo tag e sarà centrato, nel frattempo, imposta la proprietà allineata al testo dell'attributo di stile su central per centralare un testo usando l'attributo di stile. Si noti che il tag è stato eliminato da HTML5 a favore dell'utilizzo di CSS.