CSS tekstjustering

Tekstjustering

text-align Egenskaben bruges til at indstille teksts vandret justering.

Tekst kan være venstreakseret, højrereakseret eller centreret.

Følgende eksempel viser centreret og venstreakseret tekst (hvis tekstdirectionen er fra venstre til højre, er det som standard venstreakseret; hvis tekstdirectionen er fra højre til venstre, er det som standard højrereakseret):

Eksempel

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

Prøv det selv

når text-align Egenskaben "justify" strækker hver linje, så hver linje har en lig angrebshøjde, og kantmargenen er ret (som i magasiner og aviser):

Eksempel

div {
  text-align: justify;
}

Prøv det selv

Tekstretning

direction og unicode-bidi Egenskaben kan bruges til at ændre elementets tekstretning:

Eksempel

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

Prøv det selv

Vertikal justering

vertical-align Egenskaben sætter elementets vertikale justering.

Dette eksempel viser, hvordan du kan indstille den vertikale justering af et billede i teksten:

Eksempel

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

Prøv det selv