是否可以在不添加额外的包装元素的情况下偏移 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
,但这仍然需要向下移动文本。