html - 将 anchor 的背景图像定位到 anchor 文本的左侧？

Question

我正在尝试让我为 anchor 设置的背景图像充当图标，位于 anchor 文本旁边并缩小 - 以便图像和文本彼此对齐，但我不知道该怎么做。

代码:

a {
    font-family: sans-serif;
    font-size: 14pt;
}

<a style="background: url('https://cdn1.iconfinder.com/data/icons/ninja-things-1/1772/ninja-simple-128.png');">
    Text here
</a>

Answer 1

试试这段代码。

a {
  font-family: sans-serif;
  font-size: 14pt;
  background-image: url('https://cdn1.iconfinder.com/data/icons/ninja-things-1/1772/ninja-simple-128.png');
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 15px;
}

<a href="#">Text here</a>