将图像与文本 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.... 
}