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

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