css - 锚背景图像 - 锚文本覆盖图像

Question

我有以下 CSS，它在锚点中显示背景图像。问题是链接文本显示在图像上。有任何想法吗？

a.interactive {
background:url(../images/icons/icon_interactive.png) left center no-repeat;
padding-right:50px;
display:inline-block;    
}

Answer 1

我添加了 padding-left ，将文本移到了右边......

a.interactive {
background:url(../images/icons/icon_interactive.png) left center no-repeat;
padding-left:30px;
height:25px;
width:25px;
display:inline-block;    
text-decoration: none;
vertical-align:text-center;
}

Answer 2

只需添加所需的 padding-left ？如果图像是 30 像素，则执行类似操作padding-left:32px'，它将文本推送到图像的右侧。