Przejdź do treści

Wyrównanie tekstu {text-align}

Jak ustawić tekst po lewej, po prawej lub na środku (wyśrodkowanie, centrowanie)? Co zrobić, aby tekst był równo ułożony przy obu marginesach (justowanie)?

selektor { text-align: wyrównanie }
Selektorem może być dowolny znacznik wyświetlany w bloku, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów].

Natomiast jako "wyrównanie" należy podać:
  • left - wyrównanie tekstu do lewego marginesu (domyślnie)
  • right - wyrównanie do prawego marginesu
  • center - do środka (wyśrodkowanie)
  • justify - do obu marginesów jednocześnie (justowanie)

Polecenie pozwala wybrać jeden z możliwych sposobów wyrównania tekstu, czyli jego ułożenia na ekranie.

Przykład {text-align}

wyrównanie left (domyślnie)
wyrównanie left - do lewego marginesu
left

wyrównanie tekstu right
wyrównanie right - do prawego marginesu
right

wyrównanie center (wyśrodkowanie)
wyrównanie center - do środka
center

Wyrównanie tekstu justify - do obu marginesów jednocześnie... Wyrównanie tekstu justify - do obu marginesów jednocześnie... Wyrównanie tekstu justify - do obu marginesów jednocześnie... Wyrównanie tekstu justify - do obu marginesów jednocześnie... Wyrównanie tekstu justify - do obu marginesów jednocześnie... Wyrównanie tekstu justify - do obu marginesów jednocześnie... Wyrównanie tekstu justify - do obu marginesów jednocześnie... Wyrównanie tekstu justify - do obu marginesów jednocześnie...

Pytania i odpowiedzi {text-align}

Jak wyrównać tekst w CSS?

Aby wyrównać tekst w CSS, użyj właściwości text-align i ustaw wartość zgodnie z potrzebami. Możliwe wartości to: left (do lewej), right (do prawej), center (na środku) oraz justify (wyjustowanie obu marginesów).

Jak wyrównać tekst do lewej CSS?

Aby wyrównać tekst do lewej w CSS, użyj właściwości text-align i ustaw wartość na left, na przykład <p style="text-align: left">...</p>.

Co robi "text-align justify"?

Deklaracja CSS "text-align: justify" wyrównuje tekst do obu marginesów, tworząc efekt wyjustowanego tekstu, gdzie odstępy między słowami są dostosowywane tak, aby linie tekstu miały równe długości.

Jak napisać tekst po prawej stronie w HTML?

Aby napisać tekst po prawej stronie w HTML, możesz umieścić tekst w odpowiednim elemencie, na przykład <p> lub <div>, a następnie użyć CSS do wyrównania go do prawej strony. Na przykład: <p style="text-align: right">...</p>.

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
text-align: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
text-align: center1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
≤4
2009-06-08
text-align: justify1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
text-align: left1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
≤4
2009-06-08
text-align: right1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
≤4
2009-06-08

Komentarze

Zobacz więcej komentarzy

Facebook