Het grootste probleem met betrekking tot het centreren van HTML-elementen is dat het moeilijk kan zijn om een consistent resultaat te bereiken in verschillende browsers. Dit komt omdat elke browser zijn eigen interpretatie heeft van hoe elementen moeten worden gecentreerd en er verschillende methoden beschikbaar zijn om elementen te centreren. Bovendien ondersteunen sommige oudere browsers mogelijk niet de modernere methoden om HTML-elementen te centreren.
<p align="center">This text is centered.</p>
1. Deze coderegel stelt de uitlijning van de te centreren tekst in. De HTML-tag
geeft aan dat dit een alinea-element is, en het attribuut align=”center” stelt de uitlijning van de tekst binnen dat element in om te worden gecentreerd.
2. Deze coderegel geeft de tekst "Deze tekst is gecentreerd" weer. in een browservenster, met de uitlijning ingesteld op het midden zoals gespecificeerd in regel 1.
kenmerk uitlijnen
De
align attribuut wordt gebruikt om de uitlijning van een alinea in HTML in te stellen. Het kan worden gebruikt om de uitlijning van tekst binnen een alinea in te stellen, evenals de uitlijning van een hele alinea op de pagina. De mogelijke waarden voor dit attribuut zijn links, rechts, centreren, uitvullen en overnemen. De standaardwaarde blijft over.
Wanneer u het attribuut uitlijnen met tekst binnen een alinea gebruikt, worden alle tekstregels in die alinea uitgelijnd volgens de opgegeven waarde. Bijvoorbeeld:
Deze regel tekst wordt gecentreerd.
Hierdoor worden alle tekstregels binnen deze specifieke alinea gecentreerd op de pagina.
Wanneer u het kenmerk align gebruikt voor een hele alinea, wordt die specifieke alinea uitgelijnd volgens de opgegeven waarde. Bijvoorbeeld:
Deze hele tekstregel wordt rechts uitgelijnd.
Hierdoor wordt deze specifieke tekstregel (en alle andere inhoud die erin staat) rechts uitgelijnd op de pagina.
Tekstuitlijning instellen in HTML
Het instellen van tekstuitlijning in HTML doe je met het style attribuut. Het style attribuut specificeert een inline stijl voor een element.
Gebruik het kenmerk style en de eigenschap text-align om tekstuitlijning in HTML in te stellen. De eigenschap text-align specificeert de horizontale uitlijning van tekst in een element.
Het volgende voorbeeld laat zien hoe u links, rechts, gecentreerd en uitlijnen voor een alinea instelt:
Deze is links uitgelijnd.
Dit is rechts uitgelijnd.
Dit is centraal uitgelijnd.
Dit is gerechtvaardigd.
