Hi guys,

I think this is a simple one, but not sure how do achieve what I'd like:

I would like to create the attached image horizontal line with an icon at the end (which I will use an icon font for). It needs to be responsive so the line can scale when the width of the container reduces, and the icon stays on the right of the container.

I've tried using a div with a border-bottom but I don't know how to make the line stop a few pixels short of the icon. I've also tried a HR but couldn't get that to work.

Any ideas?

Thanks in advance.


Attachment 60779