The Word Break Opportunity or <wbr> HTML element represents a position within text where the browser may optionally break a line, though its line-breaking rules would not otherwise create a break at that location. In other words it allows us to dictate where and when to break long words that may be broken in wrong place.




A cool thing is that if you shrink your web browser window then the <wbr> element breaks the content into different line so that the each text can be visible on the page.

NOTE: Internet Explorer at the moment of writing still does not support the <wbr> tag.


The wbr tag example:


›› go to examples ››