milov.nl

Interaction design • webdevelopment • web art • photography

November 2001

The CSS equivalent of <nobr> is white-space: nowrap;
[via Wouterd]

pup wrote on 2001/11/09:: excellent tip.

google wrote on 2005/04/15:: Thanks, the first page on google now shows this in the description! so a 'css nobr' search found it at place 8 I think. Good work!

john wrote on 2005/06/27:: Thanks for this! I waste some time with other websites that have the WRONG answer until I found this one. Other searches mentioned an extra hyphen between "no" and "wrap" which doesn't work on my browser (IE 6).

studio fotograficzne wrote on 2005/09/21:: Great, thanks.

Razvan wrote on 2005/11/16:: Hi,

It is working on Firefox and Opera on <td> tags:

<td class="nobr">...</td>

but it is not working in IE6 !
The div version seems to work on all browsers:

<div class="nobr">...</div>

Regards,
Razvan

Razvan wrote on 2005/11/16:: Oooopps... I forgot to define the "nobr" class:

.nobr
{
white-space: nowrap;
}

Regards,
Razvan

Andrej Becker wrote on 2006/05/22:: Only works for block level elements, specification says it won't work for inline elements.

Frank Butcher wrote on 2006/06/09:: "Only works for block level elements, specification says it won't work for inline elements."

According to the W3C recommendations, it applies to block level elements only in CSS1. In CSS 2 it applies to all elements.

A case of trial and error for which browsers support it I guess.

Mike wrote on 2006/09/20:: Google preved rodnoy!
<a href=http://apcserviceder.com>apcservicder</a>

noid wrote on 2007/05/31:: nice... and easy to find in google.
thanks!

aidan wrote on 2008/02/09:: I've been trying to get a header element and an input text box on the same line but none of these seem to work.