Durante o curso de HTML5/CSS3 foi mencionado que ao customizar a exibição dos elementos de uma lista com "display: inline-block", fazemos com que a altura da imagem não fique limitada à altura da fonte atual e consegui verificar este comportamento, porém, verifique também que os links ainda possuem a altura menor do que a da imagem (considere o exemplo a seguir).
Considerando um projeto real, tratar também os links para que assumam a mesma altura da imagem é necessário ou isso não causa problemas de posicionamento?
Obrigado :]
HTML
[...]
<ul>
<li><a href="#"><img src="img1.png" alt="Img 1"></a></li>
<li><a href="#"><img src="img2.png" alt="Img 2"></a></li>
<li><a href="#"><img src="img3.png" alt="Img 3"></a></li>
</ul>
[...]CSS
li {
display: inline-block;
}
