如何让“Who”背后的部分线条在CSS中消失？

Question

最容易用代码解释：http://jsfiddle.net/fjZfL/37/

我希望它像

谁----------------

这条线完全“消失”在谁身后。

我知道我可以让h3有一个白色的背景让它消失，但我的网站有一个背景图片，如果它再次被复制在谁看起来不一致的背后。

你绝对可以改变标记，但希望不要太多。

Answer 1

您可以尝试添加伪元素 - http://jsfiddle.net/ZZbce/

h3:after {
    content: ''; 
    width: 150px;
    height: 1px; 
    background: black;
    display: inline-block; 
    vertical-align: middle;   
}

Answer 2

试试这个.. http://jsfiddle.net/fjZfL/55/

这将适用于所有浏览器