追加のラッパー要素を追加せずに、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が、それでもテキストを下に移動する必要があります。