Wyjustowanie tekstu CSS

Wyrównanie tekstu

text-align Atrybut jest używany do ustawiania poziomego wyrównania tekstu.

Tekst może być wyrównany do lewej, prawej lub środka.

Poniższy przykład pokazuje tekst wyrównany do środka oraz do lewej i prawej strony (domyślnie wyrównanie do lewej, jeśli kierunek tekstu jest z lewej na prawo; jeśli kierunek tekstu jest z prawej na lewo, domyślnie jest wyrównanie do prawej):

Przykład

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

Spróbuj sam

kiedy text-align Nastawienie wartości "justify" rozciąga każda wiersz, aby miały równą szerokość i proste marginesy po bokach (jak w czasopismach i gazetach):

Przykład

div {
  text-align: justify;
{}

Spróbuj sam

Kierunek tekstu

direction i unicode-bidi Właściwość może być używana do zmiany kierunku tekstu elementu:

Przykład

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

Spróbuj sam

Wyrównanie wertykalne

vertical-align Ustawia sposób wertykalnego wyrównania elementu.

Ten przykład pokazuje, jak ustawić sposób wertykalnego wyrównania obrazu w tekście:

Przykład

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

Spróbuj sam