Нежелательная дополнительная высота для элемента контейнера изображения

Question

Как избавиться от лишней высоты элемента контейнера? см синяя полоса ниже первой картины в образце кода

div { 
 
    background-color: blue; 
 
    display: inline-block; 
 
}

<div> 
 
    <img src="https://lh5.googleusercontent.com/-8ryRirhRs5o/VEOv3vaXt7I/AAAAAAAAKSU/xBB9lnkn35Y/s144/BGDragonNGlare.jpg"> 
 

 
</div> 
 

 
<img src="https://lh5.googleusercontent.com/-8ryRirhRs5o/VEOv3vaXt7I/AAAAAAAAKSU/xBB9lnkn35Y/s144/BGDragonNGlare.jpg">

Answer 1

Добавить display:block; в img.

div { 
 
    background-color: blue; 
 
    display: inline-block; 
 
} 
 
div img{ 
 
    display: block; 
 
}

<div> 
 
    <img src="https://lh5.googleusercontent.com/-8ryRirhRs5o/VEOv3vaXt7I/AAAAAAAAKSU/xBB9lnkn35Y/s144/BGDragonNGlare.jpg"> 
 

 
</div> 
 

 
<img src="https://lh5.googleusercontent.com/-8ryRirhRs5o/VEOv3vaXt7I/AAAAAAAAKSU/xBB9lnkn35Y/s144/BGDragonNGlare.jpg">