Поместить фоновое изображение привязки слева от текста привязки? - PullRequest
Новая
       11

Поместить фоновое изображение привязки слева от текста привязки?

0 голосов
/ 04 июня 2018

Я пытаюсь получить фоновое изображение, которое я установил для якоря, чтобы оно действовало как значок, рядом с текстом якоря и уменьшило его размер - так, чтобы изображение и текст находились на одной линии друг с другом, но яне уверен, как это сделать.

код: 

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>

1 Ответ

0 голосов
/ 04 июня 2018

Попробуйте этот код. 

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>
...