Tag <a> mi lascia spazio sotto l'immagine

[techno]

Ciao a tutti
Ho un box div con al suo interno un tag a ed a sua volta a suo interno una immagine.
Non capisco perchè il tag a si va posizionare in basso al box e mi lascia uno spazio sotto l'immagine:



Come si vede ce un rettngo azzurrino che sarebbe il tag a che ho selezionato col mouse poi piu sotto ce uno spazio che ho evidenziato sia con la freccia che con un rettangolo rosso

div {    width: 15%;    text-align: center;    overflow: hidden;}
div a img {    width: 100%;    object-fit: cover;}
dic a {    overflow: hidden;}

[KillerWorm]

Lo spazio sotto penso dipenda dal fatto che <img>, essendo un elemento inline-block, è normalmente inserito nel flusso del testo, quindi è regolato da quelle stesse proprietà che agiscono sul testo, ad esempio line-height e vertical-align.

Prova ad impostare display:block per img. Vedi se funziona.

[techno]

Grazie funziona

[KillerWorm]

bene