Is there a way to put an hyphen when occurs?

Question

I have a really big word that is just too long for mobile views, I can break it with <wbr> but the rules of this language require an hyphen when a word is separate on two pieces.

Is there a way to say:

thisreally<wbr>longword

must be

thisreally-
longword

when cutted?

Possible duplicate of [Soft hyphen in HTML ( vs. )](http://stackoverflow.com/questions/226464/soft-hyphen-in-html-wbr-vs-shy) — Roy, Sep 30 '16 at 07:00
Could be, but I wasn't aware of the existence of `&shy`, while the other question ask about the difference between the two. — distante, Sep 30 '16 at 07:04

Sebastian Brosch · Accepted Answer · 2016-09-30T07:08:41.847

1

You can use  instead:

thisareallyreallyreallyreallyreallyreally&shy;andverylongwordwithashynewline

The <wbr> element doesn't support a new line character like -.
You can find more information about this here: http://www.quirksmode.org/oddsandends/wbr.html

edited Sep 30 '16 at 07:08

answered Sep 30 '16 at 06:57

Sebastian Brosch

42,106
15
72
87

I did not it! it does the work without any special css. Thanks – distante Sep 30 '16 at 07:02

Samudrala Ramu · Answer 2 · 2016-09-30T06:54:29.823

0

Try It Once Its Working Fine

a:before {
   content:" - ";
}

<a href="#">CSS-Tricks</a>

edited Sep 30 '16 at 06:54

answered Sep 30 '16 at 06:35

Samudrala Ramu

2,088
1
15
36

No, that doesn't get rendered. – distante Sep 30 '16 at 06:48
Now Check In My Snippet – Samudrala Ramu Sep 30 '16 at 06:55

Is there a way to put an hyphen when occurs?

2 Answers2