Question

Easiest to explain this with code: http://jsfiddle.net/fjZfL/37/

I want it to be like

who —————-

Where the line is totally “gone” behind who.

I know I could make the h3 have a white background to have it make it disappear, but my website has a background image, which if it was replicated again behind who it would look inconsistent.

You can absolutely change the markup, but hopefully not too much.

Answer 1

You could try adding a pseudo-element instead – http://jsfiddle.net/ZZbce/

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