Wyrównanie tekstu CSS {text-align}
W jaki sposób układać tekst na ekranie? Jak wyśrodkować lub wyjustować tekst?
Tekst na stronie internetowej najlepiej jest wpisywać w akapitach. Dzięki temu będzie on bardziej czytelny dla użytkownika. W pojedynczym dokumencie HTML może się znajdować wiele oddzielnych akapitów. Co zrobić, aby tekst w każdym z nich był ułożony tak samo? Dzięki możliwościom jakie dają style CSS, nie musimy tego robić dla każdego akapitu osobno. Wystarczy że w arkuszu CSS wpiszemy następującą regułę stylów:
p {
text-align: wyrównanie;
}Dzięki temu tekst we wszystkich akapitach na stronie zostanie wyrównany w określony sposób:
- 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)
Pytania i odpowiedzi {text-align}
Jak wyrównać tekst do lewej CSS?
W językach wywodzących się z alfabetu łacińskiego wyrównanie tekstu do lewej strony następuje domyślnie. Zwykle zatem nie ma potrzeby stosowania żadnych dodatkowych poleceń. Wyjątkiem może być sytuacja, gdy na całej stronie ustaliliśmy wcześniej inny sposób wyrównania tekstu - jak np. wyśrodkowanie - ale jednocześnie chcielibyśmy, żeby tylko treść wstawiona w akapitach była jednak ustawiona do lewej strony. W tym celu w arkuszu stylów wystarczy wstawić następujący kod: p { text-align: left; }.
Jak wyśrodkować w CSS?
Jeśli chcemy, aby wszystkie akapity na stronie były ustawione na środku ekranu, to w arkuszu stylów wystarczy wstawić następujący kod: p { text-align: center; }. Możliwe jest również wycentrowanie tylko jednego akapitu. W tym celu trzeba się jednak posłużyć kodem HTML, który wstawimy w kodzie źródłowym dokumentu HTML, a nie w arkuszu stylów CSS: <p style="text-align: center">...</p>.