If you have a long word that needs to break in two pieces on a specific place to go to the next line. Add ­ on the text tab of the editor where the word should break. When you leave the tab, the character is transformed into an invisible hyphen that becomes visible when the word needs to break. If you copy and paste the text with the invisible hyphen in a text editor it also becomes visible.
| What | Note | HTML |
|---|---|---|
| No break space ( ) | Space that keeps words together | |
| No break hyphen (-) | Hyphen that keeps words together | ‑ |
| Invisible hyphen break | Breaks a word with a hyphen if needed | ­ |
| Invisible no hyphen break | Breaks a word invisably without hypen | <wbr> |
If a line like this is too long for a small screen or column:
One
aaaaaaaaa­bbbbbbbbb­ccccccccc
Two
aaaaaaaaa<wbr>bbbbbbbbb<wbr>ccccccccc
it breaks in pieces like this
One
aaaaaaaaa-
bbbbbbbbb-
ccccccccc
Two
aaaaaaaaa
bbbbbbbbb
ccccccccc