< !DOCTYPE html> Document
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?

  • ...

    Andy Chen (You)

    13:24 AM (1 hours ago)

    star_border edit

    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)
    • change the display so it isn’t inline.

    • format_bold
    • format_italic
    • format_list_bulleted
    • format_list_numbered
    • insert_photo
    • insert_link
    • chevron_left chevron_right