Hovedproblemet i forbindelse med centrering af HTML-elementer er, at det kan være svært at opnå et ensartet resultat på tværs af forskellige browsere. Dette skyldes, at hver browser har sin egen fortolkning af, hvordan elementer skal centreres, og der findes forskellige metoder til at centrere elementer. Derudover understøtter nogle ældre browsere muligvis ikke de mere moderne metoder til centrering af HTML-elementer.
<p align="center">This text is centered.</p>
1. Denne kodelinje indstiller justeringen af teksten, der skal centreres. HTML-tagget
angiver, at dette er et afsnitselement, og attributten align="center" indstiller justeringen af teksten i det element, der skal centreres.
2. Denne kodelinje viser teksten "Denne tekst er centreret." i et browservindue, med dets justering indstillet til centreret som angivet i linje 1.
align Attribut
align attribut bruges til at indstille justeringen af et afsnit i HTML. Den kan bruges til at indstille justeringen af tekst i et afsnit, såvel som justeringen af et helt afsnit på siden. De mulige værdier for denne attribut er venstre, højre, centreret, juster og nedarv. Standardværdien er tilbage.
Når du bruger align-attributten med tekst i et afsnit, vil det medføre, at alle tekstlinjer i det pågældende afsnit bliver justeret i overensstemmelse med den angivne værdi. For eksempel:
Denne tekstlinje vil blive centreret.
Dette vil medføre, at alle tekstlinjer inden for dette særlige afsnit bliver centreret på siden.
Når du bruger align-attributten med et helt afsnit, vil det få det pågældende afsnit til at blive justeret i overensstemmelse med den angivne værdi. For eksempel:
Hele denne tekstlinje vil blive højrejusteret.
Dette vil få denne særlige tekstlinje (og alt andet indhold indeholdt i den) til at blive højrejusteret på siden.
Sådan indstilles tekstjustering i HTML
Indstilling af tekstjustering i HTML udføres med stilattributten. Style-attributten angiver en inline-stil for et element.
For at indstille tekstjustering i HTML skal du bruge stilattributten og egenskaben tekstjustering. Egenskaben tekstjustering angiver den vandrette justering af tekst i et element.
Følgende eksempel viser, hvordan du indstiller venstre-, højre-, centrerings- og justeringsjusteringer for et afsnit:
Dette er venstrejusteret.
Dette er højrejusteret.
Dette er midtstillet.
Dette er berettiget.