Disable word wrap

[Glasgow]

Is it possible to disable word wrap for lines within a <div> element so that, unless a <br> is included, the line will just get truncated at the edge of the element rather than flow automatically to the next line?

Thanks in advance.

 

[Glasgow]

Hmm, on further investigation, it appears that the <pre> tag will achieve close to what I am after but is there any way of stopping it from switching to a monospace font (Courier)?

 

[Glasgow]

On second thoughts, <pre> would appear to be a thing of the past. An alternative approach is to substitute spaces with &nbsp; in any text which should appear unbroken. Also, this approach doesn't mess with the font.

 

[wiser3]

use a no break tag <nobr>text that won't wrap</nobr>

 

[Glasgow]

Thanks but is that supported by all browsers? This link:

http://www.w3.org/MarkUp/html3/headings.html

seems to suggest only Netscape and the book I have suggests it is "Nonstandard" and that the "HTML 4.01 specification prefers style sheets for preventing line breaks" though I'm not sure how I'd use a style sheet in this situation.

 

[Glasgow]

Ahah - { white-space: nowrap } would appear to be the CSS approach.

 

[wiser3]

<nobr> works in IE 5.5+ and FF.</nobr>

I don't know the compatibility of {white-space:nowrap}, but i'd prefer that method.

 

[Glasgow]

Thanks again - I've gone for the {white-space:nowrap} option and it seems to work fine for IE. Finding it was the hard part!

Have yet to test in FF.