Keep 2 words with special character in the same line? HTML/CSS

Question

I have a h2 tag with the text Ab-Cd. But when the screen is resized horizontally, the Ab- and Cd comes in separate lines. I have already tried word-wrap css but not effect. <h2>..... Ab-Cd .....</h2>

Is there any way to make Ab-Cd stick together in a responsive design?

Many Thanks!!

Use `‑` instead of the hyphen character (‑) in your HTML to define a hyphen that does not break into a new line. — Christian, Aug 30 '22 at 21:34
Additional tip: There are also non-breaking spaces if you ever have this problem :) Use `&nbsp`. Strings separated with `&nbsp` will not be separated and put into separate lines. — Christian, Aug 30 '22 at 21:35

score 1 · Answer 1 · answered Aug 30 '22 at 21:34

1

Use the non-breaking hyphens. Works just like the non-breaking spaces.

answered Aug 30 '22 at 21:34

Affaxerd

31
7

Keep 2 words with special character in the same line? HTML/CSS

1 Answers1