CSS Tekst Uitlijning

Tekstuitlijning

text-align De eigenschap wordt gebruikt om de horizontale uitlijning van de tekst in te stellen.

Tekst kan links of rechts uitgelijnd zijn, of centraal uitgelijnd.

Het volgende voorbeeld toont tekst die centraal en links/rechts uitgelijnd is (als de tekstrichting van links naar rechts is, is dit standaard links uitgelijnd; als de tekstrichting van rechts naar links is, is dit standaard rechts uitgelijnd):

Voorbeeld

h1 {
  text-align: center;
}
h2 {
  text-align: left;
}
h3 {
  text-align: right;
}

Probeer het zelf

wanneer text-align Na het instellen van de eigenschap "justify", wordt elk regel uitgerekt om elke regel een gelijke breedte te geven en de marges zijn recht (zoals in tijdschriften en kranten):

Voorbeeld

div {
  text-align: justify;
}

Probeer het zelf

Tekst Richting

direction en unicode-bidi Eigenschap kan gebruikt worden om de tekstrichting van een element te wijzigen:

Voorbeeld

p {
  direction: rtl;
  unicode-bidi: bidi-override;
}

Probeer het zelf

Verticale uitlijning

vertical-align Eigenschap stelt de verticale uitlijning van een element in.

Dit voorbeeld demonstreert hoe je de verticale uitlijning van een afbeelding in tekst instelt:

Voorbeeld

img.top {
  vertical-align: top;
}
img.middle {
  vertical-align: middle;
}
img.bottom {
  vertical-align: bottom;
}

Probeer het zelf