Html 如何使用宽度未知的文本右侧的精灵？

给出以下示例：

---

如何在“查看更多…”行的右侧使用精灵，使其始终随文本宽度调整？我应该创建一个单独的元素，使其与文本一起浮动，还是可以直接在链接中创建该元素。

您可以将其应用于链接的背景，将其向右对齐，并为链接添加正确的填充

a {
    background: url(image_url) no-repeat right center;
    padding-right: 80px;    // 80 pixels example
}

---

我最喜欢的方法是使用伪元素并将图像设置为内容

a:after {
    content: url(path/to/image.png);
}

a:before {
    content:' \25BA';
}

您还可以在元素之前创建一个伪元素，或者使用文本而不是图像作为内容

a:after {
    content: url(path/to/image.png);
}

a:before {
    content:' \25BA';
}

\25BA表示向右箭头，但您可以将任何文本置于引号中

当然，您也可以使用jeroen建议的background方法，这两种方法对于不同的情况都很有用