How can I make a fieldset legend-style “background line” on heading text?

Question

I\'m attempting to style heading text similar to how your default legend text appears in fieldsets; that is to say, I\'d like a strikethrough-like line to come up to, but no

Answer 1

body { padding-top: 100px; }

div.parent {
    text-align: center;
    border-top: 1px solid #ccc;
}

div.parent div {
    display: inline-block;
    margin-top: -0.8em;
    padding: 0 0.5em;
    background: #fff;
}

    

        
My Text Here
    

This is a fluid-width solution that matches your design and should be ok in IE7 (though I'll admit I didn't check). There are a couple of downsides:

• You lose the fieldset/legend semantics.
• You can't put a transparent background on the text.

If you don't need it to be fluid-width, onteria_'s solution is probably your best bet.