Assignment

  • Chapter Assignment 2

    4 hrs ago

    Please check this file…

    Emily Wang
  • Chapter Assignment 1

    12 hrs ago

    My Homework

    David Xu
  • Final Assignment

    18 hrs ago

    Have a problem with this…

    Tony Wei
  • Final Assignment

    19 hrs ago

    Did I do it right?

    Christina Lin

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