html - 如何在不隐藏文本和使用 CSS 背景或文本缩进的情况下使 保持在文本之上？

Question

在这里查看 js fiddle http://jsfiddle.net/Ws8ux/

是否可以使用 display:none 或 text-indent 将文本保留在 Logo 下而不隐藏它？我想调出图像并在其后面保留 Logo 。就像是 PSD 图层。并且不想将 Logo 图像用作 CSS 背景

<a href="/" title="Return to the homepage" id="logo">
  <img src="http://lorempixum.com/100/100" alt="Nike logo" />Logo Text
</a>

Answer 1

赞this (fiddle) ？

HTML:

<a href="/" title="Return to the homepage" id="logo">
    <img src="http://lorempixum.com/100/100" alt="Nike logo" /><span>Logo Text</span>
</a>

CSS:

a { display: block; position: relative; }
a span {
    display: block;
    position: absolute;
    top: 40%;
}