A little CSS float help? [Background Line]

[mrapino]

Hello. I am trying to create a title that can be dynamic in the CMS I am using. I will be posting a link to the image below:

[Link to Image](http://beta.asoundstrategy.com/mrapino/titlejpg.png “Link to image”)

Basically, what I am trying to do is have a fluid title, with lines on either side of the title. So, if the title grows or shrinks, I need the double lines to adjust according to where the left and right margins of the title are. The title will be centered within the lines, and the lines are floating to the left and right of the title.

Is this possible to do with only CSS?

Thanks!

[Paulie_D]

I’m sure this has come up before on the forum..in fact, I know it has.

Here’s a couple:

http://jsfiddle.net/joshnh/2dUqV/

http://jsfiddle.net/Paulie_D/tW5Nd/

http://jsfiddle.net/joshnh/AHNQd/ <---probably the best http://jsfiddle.net/ericrasch/jAXXA/1/

[mrapino]

Paulie,

Thanks so much. This is exactly what I needed. I am not so familiar with Pseudo Elements, so just being turned onto the :before and :after is a life saver. I am going to have to expand my CSS knowledge outside of my comfort zone.

Thanks again! This is a resolved issue.

[Author]

Posts