Question

是否可以 - 不添加额外的包装元素 - 来偏移HTML元素中文本的位置而不用导致背景也会移位？

动机：

我有现有的HTML标记（phpBB），我正在设置一些看起来像按钮的链接，以便在:active（鼠标按钮向下）时明显地按下它们。我有一半通过背景更改工作，但我想也将文本向下偏移到右边1像素。

现有HTML标记（无法更改）：

<a href="…"><span></span>Hello World</a>

小提琴显示效果和现有CSS（可以更改）：http://jsfiddle.net/szxPz/1/

修改：我可以使用text-indent:1px; margin-right:-1px将文字移到右侧，但仍然需要将文字向下移动。

Answer 1

您应该可以通过增加padding-top并将height减少1来实现这一目标。