HTML - <wbr> Tag

The HTML <wbr> tag stands for word break opportunity; it defines the position within the text that is treated as a line break by the browser.

This tag is useful when a word is too long and the browser might break it at the wrong place. You can use the <wbr> tag to identify word-break opportunities.

Syntax

Following is the syntax of <wbr> tag −

<wbr>

Example

In the following example, let’s create an HTML document and demonstrate the workings of the <wbr> tag as follows − 

<!DOCTYPE html>
<html>
<body>
   <h1>tutorialspoint</h1>
   <h2> example of wbr Tag</h2>
   <p>tutorialspointPvtLtdHyderabadEasyToLearn <wbr>acomputerscienceportalforTutorialsAndCourses. </p>
</body>
</html>

When we run the above code, it will generate an output consisting of the text displayed on the webpage.

Example

Considering the following example, we are creating an HTML document and using the <wbr> tag to break the URL before the punctuation.

<!DOCTYPE html>
<html>
<body>
   <h1>tutorialspoint</h1>
   <h2> example of wbr Tag</h2>
   <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>
</body>
</html>

On running the above code, the output window will pop displaying the text on the webpage.

html_tags_reference.htm
Advertisements