[Solved] Auto expanding width of a title over a tag.

[robertallen]

Hi all,

I’m having an issue where I need to be able to have a title (inside a background box) appear over a line. I used an

tag as the line and absolute positioned it to go into the middle of the boxed title. The only issue I’m having is, how do I have the title auto expand no matter how many words go into the title? (It all needs to be on one line).

I’ve tried min-width: 200px or greater but for some reason the box overlaps the entire

tag (100%) width.

You can see my code here: http://codepen.io/anon/pen/FIyKv

Any help with this would be greatly appreciated.

Thank you in advance, Robert

[robertallen]

Wonderful! Thank you so very much!

I guess I was missing the “display: inline…” part of it (which I haven’t gotten used to figuring out when to use it as much.

Thank you again!

[Author]

Posts