Stopping icon (i) withing a word from breaking onto a new line

[toolman]

HI there,

I have the following heading with an icon in the middle representing a letter:

Welcome to our Cmmunity

This is fine on desktop:

but when scaling down and on mobile, the word with the icon in breaks, so it looks like:

Is there a way to stop this happening?

[PaulOB]

You didn’t supply the html you were using so we can only guess:)

This seems to work for me.

[toolman]

Ooops, sorry! You pretty much got my HTML spot on.

Thank you for the CSS, that worked perfectly