html - CSSで「Who」の後ろの行の部分を消すにはどうすればよいですか?

Question

これをコードで説明するのが最も簡単です: http://jsfiddle.net/fjZfL/37/

みたいになりたい

誰 - - - - - - - -

誰の後ろに行が完全に「なくなった」ところ。

h3 の背景を白にして非表示にできることはわかっていますが、私の Web サイトには背景画像があり、誰の背後にあるのかを再度複製すると、一貫性がないように見えます。

マークアップは絶対に変更できますが、あまり変更しないでください。

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/

これはすべてのブラウザで動作します