How can I put solid lines on either side of a header with css? [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?
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!