Home/ Questions/Q 9195405
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T21:37:15+00:00

I have a simple page with a single div. Inside that div I have

  • 0

I have a simple page with a single div. Inside that div I have an image with dimensions [h:58px, w:173px]. 

<body>
    <div id="main_header">
        <img src="logo.gif" style="padding: 0; margin: 0;">
    </div>
</body>

It is not wrapped in any other tags. However, Chrome calculates the height of the container div as 63px. There is no associated css with the #main_header. html and body both have margin and padding set to 0.

Can anyone explain why the div’s height is coming out to 63 and not 58?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It’s because of the parent’s line-height. Either set the line-height (or font-size) of the parent to zero, or set the image to display: block.

    • 0