将图像与文本CSS对齐

Question

我无法理解为什么这个文字不会与图像的中间对齐。检查下面的屏幕截图，一个突出显示，一个不是：

我希望澳大利亚这个词在图像中间排列（与箭头对齐）。正如您从突出显示中看到的那样，图像的高度不是问题所在。

我尝试过vertical-align：middle有帮助但是你可以看到它并不完美！

建议赞赏！

Answer 1

如果这是一个链接，请使用CSS背景。我猜测下面的值，但你可以根据自己的情况轻松调整它们。

A.aus {
     background-image:url(../images/aus.png);
     background-position:0px 1px;
     display:block;
     height:40px;
     padding-left:60px;
     margin-top:3px;
     font-size:    ....etc.... 
}