Stop wrapping of hyphenated text?

Question

I have a bunch of links in a div. Some have format "some-name". those with hyphen will split and wrap. I would like it to start a new line. How to do this please?

Answer 1

turn off formatting with

<pre>...</pre>

Answer 2

You can use the CSS attribute: white-space:nowrap; But note that it is not working all the time on some browser.

The other option is to wrap your link into a <pre> element but this approach can have some side effects as well.

Answer 3

<span style="white-space: nowrap;">some-name</span>

Answer 4

You can use a non-breaking hyphen character, ‑