Header line

[eXo]

Is there a way with css to have a line after my header that ends at the same spot no matter the size of the header?

Header

---

sometekstwithmoretekst

---

[TheLeggett]

By all means @Fourize :) That’s what it’s there for!

Not quite sure what sort of effect @eXo is looking for based on that description. Almost seems like a background image would be the easiest solution here.

[eXo]

Thanks fourize ! :D i was looking for that! ^_^

[jimsilverman]

i prefer:

Header

…and CSS’ing it similar to how you guys have done.

this way, you don’t need to mess around with changing display attributes of elements. plus, i am paranoid of div-itis. but yeah, whatever works.

[eXo]

Yes but its for a school project so it doesn’t matter :p, most of the teachers can’t even write CSS

[jimsilverman]

@fourize – inline-block doesn’t behave right in ie7 and lower; it renders as a block element. i’m 99% sure (can’t check, i’m on a mac) your dotted line is getting covered up for geriatric internet users.

if you care about ie7 users, best to use either display:inline for the inner div, or simply use an inline element (such as a span) to get the job done.

[Author]

Posts