W HTML5 prezentacja (wyrównywanie, odstępy, kolory) powinna być realizowana w CSS, a nie przez stare atrybuty prezentacyjne HTML. Dlatego atrybut align dla elementu <img> jest uznawany za przestarzały/niezalecany, a współczesny kod powinien używać właściwości CSS.
Gdy obrazek stoi w tej samej linii co tekst (typowy przypadek: ikona + napis), <img> zachowuje się jak element inline/inline-block, a jego pozycję w pionie względem tekstu kontroluje właściwość vertical-align. Ustawienie vertical-align: middle powoduje, że obrazek zostaje wyrównany "do środka" względem linii tekstu, co praktycznie daje efekt tekstu przyległego na wysokości środka obrazka.
Dlatego poprawna jest odpowiedź <img ... style="vertical-align: middle"> tekst.
- Opcja z vertical-align: top wyrównuje obrazek do górnej krawędzi (lub do górnej części linii), więc tekst nie będzie na wysokości środka.
- Opcja z vertical-align: bottom wyrównuje obrazek do dołu, co przesuwa go w dół względem tekstu.
- Opcja bez żadnego stylu pozostawia domyślne wyrównanie (zwykle do linii bazowej), więc efekt "pośrodku" nie jest gwarantowany.
W praktyce zamiast stylu inline często używa się klasy CSS (np. .ikona { vertical-align: middle; }) albo dla bardziej złożonych układów flexbox (display: flex i align-items: center). Na egzaminie warto pamiętać: wyrównanie pionowe w jednej linii → vertical-align, a nie przestarzały atrybut align.
