CSS text justering

Textjustering

text-align Egenskapen används för att ställa in textens horisontella justering.

Text kan vara vänsterjusterad, högerjusterad eller centrerad.

Följande exempel visar centrerad och vänsterjusterad text (om textriktningen är från vänster till höger är det som standard vänsterjusterat; om textriktningen är från höger till vänster är det som standard högerjusterat):

Exempel

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

Prova själv

när text-align När egenskapen är satt till "justify", sträcker den varje rad för att ge varje rad en lika bredd och rakt marginaler (som i tidskrifter och tidningar):

Exempel

div {
  text-align: justify;
}

Prova själv

Textriktning

direction och unicode-bidi Egenskapen kan användas för att ändra textriktningen för elementet:

Exempel

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

Prova själv

Vertikal justering

vertical-align Egenskapen anger elementets vertikala justering.

Detta exempel visar hur du ställer in vertikal justering av bilder i texten:

Exempel

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

Prova själv