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.