Css Wrapping


How to Replace nobr with css?

The <nobr> is supposed to prevent the text from wrapping. However, the <nobr> tag is not part of any standard specification, and it is not supported by all browsers. If you need to prevent the contained text from wrapping (all the contained text must be rendered on the same line for some reason), you can achieve this behavior with CSS:

.nobr { white-space:nowrap; }
div {
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;

.break-word {
  word-wrap: break-word;

.example {
  overflow-wrap: break-word;
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License