El principal problema relacionat amb centrar elements HTML és que pot ser difícil aconseguir un resultat coherent en diferents navegadors. Això es deu al fet que cada navegador té la seva pròpia interpretació de com s'han de centrar els elements, i hi ha diversos mètodes disponibles per centrar els elements. A més, és possible que alguns navegadors antics no admetin els mètodes més moderns de centrar elements HTML.
<p align="center">This text is centered.</p>
1. Aquesta línia de codi estableix l'alineació del text a centrar. L'etiqueta HTML
indica que es tracta d'un element de paràgraf i l'atribut align="center" estableix l'alineació del text dins d'aquest element per centrar-se.
2. Aquesta línia de codi mostra el text "Aquest text està centrat". en una finestra del navegador, amb la seva alineació fixada al centre tal com s'especifica a la línia 1.
alinear l'atribut
El
L'atribut align s'utilitza per establir l'alineació d'un paràgraf en HTML. Es pot utilitzar per establir l'alineació del text dins d'un paràgraf, així com l'alineació d'un paràgraf sencer a la pàgina. Els valors possibles per a aquest atribut són left, right, center, justify i heret. El valor predeterminat es deixa.
Quan utilitzeu l'atribut align amb text dins d'un paràgraf, farà que totes les línies de text d'aquest paràgraf s'alinein segons el valor especificat. Per exemple:
Aquesta línia de text estarà centrada.
Això farà que totes les línies de text d'aquest paràgraf concret es centren a la pàgina.
Quan utilitzeu l'atribut align amb un paràgraf sencer, aquest paràgraf en concret s'alinearà segons el valor especificat. Per exemple:
Tota aquesta línia de text estarà alineada a la dreta.
Això farà que aquesta línia de text en particular (i qualsevol altre contingut que hi contingui) estigui alineada a la dreta a la pàgina.
Com configurar l'alineació del text en HTML
La configuració de l'alineació del text en HTML es fa amb l'atribut style. L'atribut style especifica un estil en línia per a un element.
Per establir l'alineació del text en HTML, utilitzeu l'atribut style i la propietat text-align. La propietat text-align especifica l'alineació horitzontal del text en un element.
L'exemple següent mostra com establir alineacions a l'esquerra, a la dreta, al centre i a justificar per a un paràgraf:
Això està alineat a l'esquerra.
Això està alineat a la dreta.
Això està alineat al centre.
Això està justificat.
