CSS to insert a solid line between two lines of copy?

[blackbird7]

This may be easy to do but I’m not sure how, but I’d like to set this up using CSS rather than an image. In the footer of the site there is a header above each location (west, east and south).

They are set up like this

W———————————-LOS ANGELES.

(I can attach an image as well, just dont see where to do it here)

Does anyone know the best way to accomplish this with CSS so it can be responsive?

Thank you

[Beverleyh]

Not sure what you’re describing but give it a go in CodePen and we can offer pointers.

That being said and offering a few pointers from the off, percentages would be a good way to work (no fixed units of measure) so that the line-length fluidly changes as the screen width does, and I imagine that the joining line could be a pseudo element?

[Paulie_D]

(I can attach an image as well, just dont see where to do it here)

Just host it somewhere and then just link it like you would any image in your post

<img src="your http link" />

Like this

[Paulie_D]

I see you’ve asked this on Stack Overflow as well.

http://stackoverflow.com/questions/38668893/css-to-insert-a-solid-line-between-two-lines-of-copy

As with there…we need to see the current HTML structure.

[Author]

Posts