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?

Ben James · Answer 1 · 2009-12-15T01:20:57.313

22

You can use a non-breaking hyphen character, ‑

edited Dec 15 '09 at 01:20

answered Dec 15 '09 at 01:12

Ben James

121,135
26
193
155

score 13 · Accepted Answer · answered Dec 15 '09 at 01:06

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.

score 6 · Answer 3 · answered Dec 15 '09 at 01:07

6

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

answered Dec 15 '09 at 01:07

Chris Fulstow

41,170
10
86
110

score 0 · Answer 4 · edited Dec 15 '09 at 01:08

0

turn off formatting with

<pre>...</pre>

edited Dec 15 '09 at 01:08

Doug Neiner

65,509
13
109
118

answered Dec 15 '09 at 01:05

dar7yl

3,727
25
20

score -1 · Answer 5 · edited May 23 '17 at 11:53

-1

You can also do this:

<nobr>Table-text</nobr>

Reference:

How to prevent line break at hyphens on all browsers

edited May 23 '17 at 11:53

Community

1
1

answered Mar 08 '15 at 16:27

cssyphus

37,875
18
96
111

1

Probably because it's not good practice to recommend [Non-Standard and Obsolete html tags](http://www.w3.org/TR/html5/obsolete.html#obsolete). Per the World Wide Web Consortium - `Elements in the following list are entirely obsolete, and must not be used by authors: ... nobr ...` – Erik Philips Mar 09 '15 at 04:47

Stop wrapping of hyphenated text?

5 Answers5