Skip to: content, navigation

by Ian Lloyd

wbr (HTML element)

Spec
Depr. Empty Version
No Yes N/A
Browser support full matrix
IE5.5+ FF2 Saf3 Op9.5
Partial None None None

Example

wbr suggests an appropriate point inside the word ‘going’ for it to be wrapped:

<p><nobr>There is absolutely no way I'm go<wbr>ing to let this
text wrap.</nobr></p>
Type
empty element
Contains
nothing
Contained by
nobr

Description

The wbr element is used within sections marked up with the nobr element and is used to suggest to the browser (or some other user agent) where within a word would be most appropriate for it to be broken (and joined with a hyphen).

This is non-standard and almost entirely useless. Using it would provide very little advantage and many more disadvantages in terms of maintenance and potential of it breaking in some browsers. Sightings of this element ‘in the wild’ are about as frequent as sightings of the Yeti. You may ignore this element at your pleasure.

Use this for…

No value - empty element.

Compatibility

IE5.5Partial
6.0Partial
7.0Partial
Firefox1.0None
1.5None
2.0None
Safari1.3None
2.0None
3.0None
Opera9.2None
9.5None

The hope is that when using the example shown, it would appear as follows:

There is absolutely no way I’m go
ing to let this text wrap.

Only Internet Explorer honored the wbr element in an nobr element. Do not use this element.

Related Reading

User-contributed notes

There are no comments yet.

Add a note

To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.

Related Products

The Principles of Beautiful Web Design

Best Seller!

You don’t need to go to Art School to design great looking web sites!

Book Cover: The Principles of Beautiful Web Design

Download the FREE sample chapters