The word break opportunity () element

The Word Break Opportunity or  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.

Syntax:

Attributes:

A cool thing is that if you shrink your web browser window then the 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 tag.

Example

The wbr tag example:

<!DOCTYPE html>
<html lang='en-us'>
<head><style type='text/css'>
	body{background-color:#343434; color:#ddd;}
</style></head>
<body>
<p>The WBR is very cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool <wbr>elementthatworkswell<wbr>whenresizingbrowser.</p>
<p>Resize the screen and see what happens</p>
</body>
</html>

›› go to examples ››

The word break opportunity (<wbr>) element

Syntax:

Attributes:

Example

The wbr tag example:

Comments

About

Contact

Get Connected