İçinde bir görüntü ile bir div üzerinde 3px ekstra yükseklik

Question

Yeni bir site üzerinde çalışıyorum ama kafamı alamadım küçük bir tasarım şey var.

Temel olarak, kullanıcıların komik resimler yükleyebileceği bir site oluşturuyorum. Resmin görüntülendiği alanın altında 3px boşluk var. İşte ne demek istediğimin bir ekran görüntüsüne bağlantı, ölü bağlantı.

Bir sürü şey denedim ama hiçbir şey işe yaramıyor gibi görünüyor. Herhangi bir çözüm önerebilecek biri varsa, lütfen yapın.

Teşekkürler.

Answer 1

Varsayılan vertical-align görüntü değeri nedeniyle. Onlar baseline. top veya bottom olarak değiştirin ve gider.

img{ 
    vertical-align: top; 
} 

ekstra alan y veya g gibi aşağıda asılı harflerle içindir taban çizgisinin altına alandır.