Wyśrodkowanie tekstu w pionie i poziomie nie zawsze jest najłatwiejszą sprawą. Widać to zwłaszcza po różnych pomysłach, np div w znaczniku p, przezroczysty 1px gif, który jest rozciągany i wstawiany tak, żeby przesunąć tekst względem dowolnego elementu itp.
Najprostszym sposobem jest użycie dwóch właściwości css:
- text-align (wyśrodkowanie w poziomie)
- line-height (wyśrodkowanie w pionie).
Użycie jest dość proste i wyjaśnione na podlinkowanych stronach. Od siebie dodam, że text zawsze będzie się wyświetlał dokładnie w połowie wysokości linii, tak więc ustawiając wartość line-height na równą wysokości kontenera mamy pewność, że tekst będzie wyśrodkowany w pionie.
Brak komentarzy:
Prześlij komentarz