Here's a snippet of the css and html code:
CSS:
div {
height:24px;
line-height:24px;
}
HTML:
<div><img src="image.png"/>Text</div>
According to the code, a div should be 24 pixels high with text vertically centered after the image. The image is 24x24px. However, there seems to be an issue where the line-height is 12px too much, even when reduced to 12px. Interestingly, changing the image to 12x12px resolves the issue and aligns the text correctly. Removing the image entirely also places the text correctly. The question then arises as to why this is happening and whether there is a way to fix it.
Thank you, sharf.