Egenskaben text-align

Egenskaben text-align indstiller tekstjustering: til venstre, til højre, centreret, eller både venstre- og højrejusteret (blokjusteret).

Syntaks

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

Værdier

Værdi	Beskrivelse
`center`	Teksten vil blive centreret.
`left`	Teksten vil blive venstrejusteret.
`right`	Teksten vil blive højrejusteret.
`justify`	Teksten vil blive blokjusteret (justeret til både venstre og højre margin).
`auto`	Ændrer ikke elementets justering (standardværdien).
`start`	Lig med `left`, hvis teksten læses fra venstre mod højre, og `right`, når teksten læses fra højre mod venstre (sprog som arabisk osv.).
`end`	Lig med `right`, hvis teksten læses fra venstre mod højre og `left`, når teksten læses fra højre mod venstre.

Standardværdi: auto. I de fleste tilfælde er teksten som standard venstrejusteret (på arabisk - højrejusteret). Der er dog undtagelser, for eksempel er teksten i th centreret.

Eksempel . Værdien left

html<p>
  some long text
</p>

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

Результат:

Eksempel . Værdien right

html<p>
  some long text
</p>

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

Результат:

Eksempel . Værdien center

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

cssp {
  text-align: center;
}

Результат:

Eksempel . Værdien justify

html<p>
  some long text
</p>

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

Результат: