html - 将图像与文本 CSS 对齐

Question

我不明白为什么这个文本不会与图像的中间对齐。检查下面的屏幕截图，一张突出显示，一张未突出显示:

我希望 Australia 这个词排在图像的中间(与箭头对齐)。正如您从突出显示中看到的那样，问题不在于图像的高度。

我试过 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.... 
}