在所有href标签之前添加图像。有效，但不是内联

Question

这应该很容易，但无法弄清楚。

我正在为所有标签添加图片图标：

a.textLink:before{
content: "";
background: url("../img/plus-button.png") no-repeat;    
background-size:contain;
display: block;
width: 36px;
height: 36px;
float: left;
margin: -6px 6px 0 0;}
}

我的HTML只是2个内联链接：

<a class="textLink" href="#">Link 1</a>  <a class="textLink clearFloat" href="#">Link 2</a>

问题是，“plus-buytton.png”图片都向左浮动，因此它们不会在每个链接之前插入，而是一起插入。

Answer 1

删除float:left;并添加display:inline-block, vertical-align:middle;

Answer 2

这是你想要的吗？

a.textLink:before{
content: url("http://files.softicons.com/download/toolbar-icons/24x24-free-button-icons-by-aha-soft/png/24x24/user-admin.png");
vertical-align:middle;
}

<a class="textLink" href="#">Link 1</a>  <a class="textLink clearFloat" href="#">Link 2</a>