Jak wstawić obrazek tak, aby przylegający tekst znalazł się POŚRODKU wysokości obrazka?
A.
<img src="obrazek.png" alt="obraz"> tekst
Źle. Bez wyrównania tekst trafia domyślnie do dołu obrazka.
B.
<img src="obrazek.png" alt="obraz" height="50%"> tekst
Źle.
height ustawia wysokość, nie wyrównanie tekstu.C.
<img src="obrazek.png" alt="obraz" align="middle"> tekst
Dobrze.
align="middle" wyrównuje tekst do środka obrazka.D.
<img src="obrazek.png" alt="obraz" hspace="30px"> tekst
Źle.
hspace dodaje odstęp poziomy, nie centruje tekstu.Aby przylegający tekst znalazł się POŚRODKU wysokości obrazka, dawniej używano atrybutu
align="middle" w <img>. Dlatego poprawny jest zapis z align="middle". Warto wiedzieć, że atrybut align jest przestarzały - dziś robi się to przez CSS (vertical-align).Pozostałe zapisy nie wyrównują tekstu w pionie.
height="50%" tylko skaluje obraz. Brak atrybutu zostawia tekst przy DOLNEJ krawędzi (linii bazowej). hspace="30px" dodaje odstęp poziomy. Wyśrodkowanie tekstu względem obrazka daje align="middle".