CSS text-align

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Opublikowano: Zaktualizowano:

CSS text-align

Właściwość text-align określa poziome wyrównanie tekstu lub zawartości liniowej wewnątrz elementu blokowego, np. akapitu, nagłówka albo komórki tabeli.

Najczęstsze wartości

  • left – wyrównanie do lewej,
  • right – wyrównanie do prawej,
  • center – wyśrodkowanie,
  • justify – wyjustowanie, czyli wyrównanie tekstu do obu marginesów.

Przykład

h1 {
  text-align: center;
}

Taki zapis oznacza, że wszystkie nagłówki pierwszego poziomu <h1> będą wyśrodkowane.

Ważne na egzaminie

Nie należy mylić wartości center z justify:

  • center ustawia tekst na środku elementu,
  • justify rozciąga odstępy między wyrazami tak, aby linie tekstu dochodziły do lewej i prawej krawędzi.

W pytaniach egzaminacyjnych text-align: center; najczęściej należy interpretować jako wyśrodkowanie tekstu.