Dołącz ikonę czcionki do ostatniego słowa w ciągu tekstowym i zapobiegaj zawijaniu

Chcę dołączyć ikonę Font Awesome do ostatniego słowa w ciągu tekstowym:

foo bar●

Ale jeśli wymagane jest zawijanie linii, chcę, aby ikona została dołączona do ostatniego słowa i zawinięta razem:

foo
bar●

Mój problem jest bardzo podobny do:Zapobiegaj: po elemencie z zawijania do następnej linii

Jednak rozwiązanie zakłada, że ​​mam dostęp do ostatniego słowa. W moim przypadku tekst będzie generowany dynamicznie. Czy istnieje sposób tylko na css / html, aby upewnić się, że ikona zawija się z ostatnim słowem?

Tutaj jestjsfiddle.

questionAnswers(3)

yourAnswerToTheQuestion