Egenskapen text-align

Egenskapen text-align ställer in textjustering: till vänster, till höger, centrerad, eller både vänster- och högerjusterad samtidigt (justerad).

Syntax

cssselektor {
  text-align: center | left | right | justify | auto | start | end;
}

Värden

Värde	Beskrivning
`center`	Texten kommer att centreras.
`left`	Texten kommer att vänsterjusteras.
`right`	Texten kommer att högerjusteras.
`justify`	Texten kommer att bli både vänster- och högerjusterad (justerad).
`auto`	Ändrar inte elementets justering (standardvärdet).
`start`	Motsvarar `left` om texten flödar från vänster till höger, och `right` när texten flödar från höger till vänster (t.ex. arabiska).
`end`	Motsvarar `right` om texten flödar från vänster till höger och `left` när texten flödar från höger till vänster.

Standardvärde: auto. I de flesta fall är texten som standard vänsterjusterad (på arabiska - högerjusterad). Det finns dock undantag, till exempel text i th kommer att centreras.

Exempel . Värdet left

html<p>
  some long text
</p>

cssp {
  text-align: left;
  width: 400px;
}

Результат:

Exempel . Värdet right

html<p>
  some long text
</p>

cssp {
  text-align: right;
  width: 400px;
}

Результат:

Exempel . Värdet center

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: center;
}

Результат:

Exempel . Värdet justify

html<p>
  some long text
</p>

cssp {
  text-align: justify;
  width: 400px;
}

Результат: