Ιδιότητα text-align

Η ιδιότητα text-align ορίζει τη στοίχιση του κειμένου: αριστερά, δεξιά, στο κέντρο, ή ευθυγραμμισμένο και στις δύο πλευρές ταυτόχρονα.

Σύνταξη

cssεπιλογέας {
  text-align: center | left | right | justify | auto | start | end;
}

Τιμές

Τιμή	Περιγραφή
`center`	Το κείμενο θα στοιχιστεί στο κέντρο.
`left`	Το κείμενο θα στοιχιστεί στα αριστερά.
`right`	Το κείμενο θα στοιχιστεί στα δεξιά.
`justify`	Το κείμενο θα στοιχιστεί ταυτόχρονα και στα δεξιά και στα αριστερά.
`auto`	Δεν αλλάζει τη στοίχιση του στοιχείου (προεπιλεγμένη τιμή).
`start`	Ισοδύναμο με `left`, εάν το κείμενο πηγαίνει από αριστερά προς τα δεξιά, και `right`, όταν το κείμενο πηγαίνει από δεξιά προς τα αριστερά (Αραβικά κ.λπ.).
`end`	Ισοδύναμο με `right`, εάν το κείμενο πηγαίνει από αριστερά προς τα δεξιά και `left`, όταν το κείμενο πηγαίνει από δεξιά προς τα αριστερά.

Προεπιλεγμένη τιμή: auto. Στις περισσότερες περιπτώσεις, από προεπιλογή, το κείμενο είναι στοιχισμένο στα αριστερά (στα Αραβικά - στα δεξιά). Ωστόσο, υπάρχουν εξαιρέσεις, για παράδειγμα, το κείμενο στο th θα είναι στοιχισμένο στο κέντρο.

Παράδειγμα . Τιμή left

html<p>
  some long text
</p>

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

Результат:

Παράδειγμα . Τιμή right

html<p>
  some long text
</p>

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

Результат:

Παράδειγμα . Τιμή center

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

cssp {
  text-align: center;
}

Результат:

Παράδειγμα . Τιμή justify

html<p>
  some long text
</p>

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

Результат: