HTML: <wbr> tag

HTML <wbr> element — a position in a text where the browser can choose to break, although its break rules may not break here.

Online example

A demonstration of text with wbr:

<p>http://this<wbr>.is<wbr>.a<wbr>.really<wbr>.long<wbr>.example<wbr>.com/With<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages</p>

in UTF-8 encoded pages, <wbr> is displayed as U+200B ZERO-WIDTH SPACE (zero-width space) code point. In particular, it is represented as Unicode bidi BN code point, that is, it has an effect on bidi-ordering has no effect: <div dir=rtl>123,<wbr>456</div> Display 123,456 Instead of 456,123When not split into two lines.
For the same reason, the <wbr> element will not introduce hyphens at line breaks. To make hyphens appear only at the end of the line, use the hyphen soft entity (&shy;) instead.
This element was first introduced in Internet Explorer 5.5 implemented, and in HTML5 official definition.

Browser Compatibility

IEFirefoxOperaChromeSafari

All major browsers support the <wbr> tag, except for Internet Explorer.

Definition and Usage of Tags

<wbr> (Word Break Opportunity) tag specifies where it is appropriate to add a line break in the text.

Tip:If a word is too long, or you worry that the browser may break lines at the wrong position, you can use the <wbr> element to add Word Break Opportunity (word break chance).

HTML 4.01 with HTML5differences

<wbr> tag is an HTML5 new tags.

Global Attributes

Support for <wbr> tag Global Attributes of HTML.

Event Attributes

Support for <wbr> tag HTML Event Attributes.