The CSS equivalent of the HTML tag nobr is
white-space: nowrap;
.nowrap {
white-space: no-wrap;
}
In the example below (a simulated narrow width device), the web browser inserts a line-break at the hyphen character, which we don't want. We can prevent the insertion of a line break by using the HTML tag nobr
(no-break), or by using the CSS rule white-space: nowrap;
Before:
There is a fifth state of matter called the Bose-
Einstein condensate.
After:
There is a fifth state of matter called the
Bose-Einstein condensate.
HTML (original):
There is a fifth state of matter called the Bose-Einstein condensate.
HTML using nobr
:
There is a fifth state of matter called the <nobr>Bose-Einstein</nobr> condensate.
HTML using white-space:nowrap
:
There is a fifth state of matter called the <span class="nowrap">Bose-Einstein</span> condensate.
or
There is a fifth state of matter called the <span style="white-space: nowrap">Bose-Einstein</span> condensate.