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

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?

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

This seems to work for me.


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

Thank you for the CSS, that worked perfectly :slight_smile:


This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.