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

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

只需添加所需的填充左边？如果图像为30像素，请执行类似padding-left:32px'的操作，并将文本推送到图像的右侧。