html - 如何通过 CSS 在文本后对齐链接图标？

Question

我有一个带链接的导航菜单，在文本链接之前我有一个图标，我想把这个图标放在文本链接之后。网址在这里http://www.labella.co.il/ .

链接的CSS:

.sidebar ul.menu li a {background: url("1-default/bullet.png") no-repeat scroll 0 12px transparent;}

图标图像在 url("1-default/bullet.png") 中。

Answer 1

这里是更改后的代码，以获取您想要的内容:

.sidebar ul.menu li a {
    background: url("1-default/bullet.png") no-repeat scroll 100% 12px transparent;
    padding: 10px 22px 10px 0;
}

我正在将左边的内边距交换到右边，并将背景图片推到右边。

请注意，我使用的是 100% 而不是“魔数(Magic Number)”(就像其他答案一样)。这意味着即使宽度发生变化，图标仍会对齐，无需维护!