I want to attach a Font Awesome icon to the last word in a text string:
But if a line wrap is required, I want the icon to attach to the last word and have them wrap together:
My problem is very similar to:
Prevent :after element from wrapping to next line
However, the solution assumes I have access to the last word. In my case, the text will be generated dynamically. Is there a css/html-only way to ensure the icon wraps with the last word?
Here's a jsfiddle.