W CSS wyrównanie "w pionie" nie zawsze działa tak samo dla każdego typu elementu. Właściwość vertical-align dotyczy przede wszystkim:
- elementów inline i inline-block (wyrównanie względem linii tekstu),
- komórek tabeli (td, th) – wyrównuje całą zawartość komórki w pionie.
Jeżeli celem jest wyśrodkowanie w pionie, poprawną wartością jest middle, dlatego poprawna odpowiedź to: vertical-align: middle. Dla komórek tabeli oznacza to praktycznie "środek komórki", co często wykorzystuje się w prostych tabelach w panelach administracyjnych.
Dlaczego pozostałe odpowiedzi są niepoprawne?
- vertical-align: center – to częsty błąd wynikający z intuicji językowej. Dla tej właściwości nie istnieje wartość center; poprawnym odpowiednikiem jest middle.
- text-align: center – ta właściwość wyrównuje w poziomie (np. tekst do środka w osi X), a nie w pionie. Można nią wycentrować tekst w wierszu, ale nie "podnieść/opuścić" go w osi Y.
- align: middle – w CSS nie ma standardowej właściwości align w tym znaczeniu, więc deklaracja jest błędna.
Ważna uwaga egzaminacyjna: vertical-align nie działa dla elementów blokowych (display: block). Jeśli ktoś próbuje wyśrodkować w pionie zwykły paragraf jako blok, zwykle potrzebuje innego mechanizmu układu (np. kontenera o innym typie wyświetlania). W kontekście typowych zadań szkolnych i tabel HTML, "middle" jest jednak właściwą odpowiedzią.
