Question

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

On a certain page my client wants me to make a small widget with lines coming off of either side of the headers. Is there a simple way I can make these red headers with just css?

Answer 1

Off the top of my head and untested… You could put a border bottom on the header, then have a <span> inside the header which contains the text, put a background colour of white on the span and move it down a few pixels to cover up part of the border

position: relative;
bottom: -10px;

Edit: You would need to set a text-align: center; on the header, and ensure it does not have an overflow: hidden; on it!