为什么span标签的文字没有在img图片的中部？

我写的Dome在这里，https://jsfiddle.net/y4okbek1/3/
设置line-heighteh和图片高度一样，又设置vercital-align：middle，
问什么文字没有在图片的中部

---

你要设置 img 是 vertical-align:middle; 而不是span

.div1{
    background:yellow;
    width:100%;
    margin:23px auto 0;
}
.div1 img{
    width:60px;
    height:60px;
    border-radius:50%;
    box-sizing:content-box;
    vertical-align:middle;
}

---

字的底线和图片的底线是对齐的。