Soldato
Is this possible? I've got a hyphenated word in an h1 which is word breaking after the hyphen and looks awful. Only thing I can find online is to use 8208; instead, but that displays as underscore on mobile?
Not word breaking after hyphen?
- Thread starter Russinating
- Start date
Soldato
Use a non-breaking space
edit: sorry, misunderstood that. Non-breaking space is not what you need.
You could add a <span> around it and a "white-space: nowrap" style. Or just add that style to the H1 tags.
edit: sorry, misunderstood that. Non-breaking space is not what you need.
You could add a <span> around it and a "white-space: nowrap" style. Or just add that style to the H1 tags.
nowrap forces the h1 out of its container. In this scenario anyway!
Soldato
- Joined
- 20 Oct 2008
- Posts
- 12,082
Do you mean 8209 for Unicode non-breaking hyphen? Not sure why it'd cause problems on 'mobile'.
Soldato
- Joined
- 20 Oct 2008
- Posts
- 12,082
I'd guess that the font you've chosen to use doesn't render that character correctly. Have a quick test with a different font.
It's Google Fonts' Raleway. I guess no point in me testing another because that's the font that needs using, so if it doesn't work it doesn't work!
Soldato
what happens if you put a span around the "in-house" text only and make that no-wrap?
Bingo! Thanks
Neat. For reference check Mozilla MDN there are other options available such as
which will break on new lines or br tags and afford more control if you want it.
Code:
whitespace: pre