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:

image

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.

3 Likes

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

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

2 Likes