首頁
Andy Chen
andy0401@mail.com2 comments
Chapter Assignment 2 / HTML&CSS
Please check this file for me, thanks!
more_vert
Emily Wang
10:38 AM (4 hours ago)
Hi Teacher, the attached file is my homework of chapter 2. And here comes a question: Why in the
following code the height of the div is bigger than the
height of the img ? There is a gap below the image, but
it doesn’t seems to be a padding/margin.
What is the gap or extra space below image?
attachment
HW-2-David.zip
Andy Chen (You)
13:24 AM (1 hours ago)Hi David, by default, an image is rendered inline, like a letter so it sits on the same line that a, b, c and d sit on. There is space below that line for the descenders you find on letters like g, j, p and q.
You can:
-
adjust the
vertical-alignof the image to position it elsewhere (e.g. themiddle) or -
change the
displayso it isn’t inline.