Hi Teacher, the attached file is my homework of c hapter 2. And here comes a question: Why in the fol lowing code the height of the div is bigger than the height of the img ? There is a gap below the image, t it doesn’t seems to be a padding/margin.
What is th e gap or extra space below image?

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-align of the image to position it elsewhere (e.g. the middle ) or
　• change the display so it isn’t inline.