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

Question

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

我正在为所有 a 标签添加一个图像图标:

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;