如何将图像放在文本开始的中间位置？

Question

当选项卡选择时，箭头图像将显示在选项卡文本之前。但它出现在左上角。

它看起来像：

>

    abc

我想要：

>abc

css如下：

#navigation .selected a { background: url(../images/custom/arrow.png) no-repeat scroll 0 0; }

我尝试过：

#navigation .selected a {
vertical-align: middle;

background: url(../images/custom/arrow.png) no-repeat scroll 0 0; 
}

但它不起作用：（

Answer 1

您可以使用2 last parameters：

影响背景图像的对齐方式

   #navigation .selected a {
      background: url(../images/custom/arrow.png) no-repeat scroll left center; 
     }

根据存在的其他css 左下角可能会获得更好的结果，或者可能需要精确的px-alignment。

如果你有任何进一步的问题正确调整背景，问题发生的网址会有所帮助。