Skip to content
Related Articles

Related Articles

HTML 5 | <wbr> Tag
  • Difficulty Level : Basic
  • Last Updated : 18 Jul, 2019

The <wbr> tag in HTML stands for word break opportunity and is used to define the position within the text which is treated as a line break by the browser. It is mostly used when the used word is too long and there are chances that the browser may break lines at the wrong place for fitting the text.

Syntax:

<wbr>

Note: The <wbr> tag is new in HTML5 and it does not require end tag.

Below examples illustrate the <wbr> tag in HTML 5:

Example 1:






<!DOCTYPE html>
<html>
    <head>
        <title>wbr Tag</title>
        <style>
            body {
                text-align:center;
            }
            .gfg {
                font-size:40px;
                font-weight:bold;
                color:green;
            }
            .geeks {
                font-size:25px;
                font-weight:bold;
            }
        </style>
    </head>
    <body>
        <div class = "gfg">GeeksforGeeks</div>
        <div class = "geeks"><wbr> Tag</div>
        <p>GFGstandsforGeeksforGeeks
         anditis<wbr>acomputerscienceportalforgeeks.</p>
    </body>
</html>                    


Output:

Supported Browsers: The browsers supported by <wbr> tag are listed below:

  • Google Chrome 1
  • Internet Explorer 12.0
  • Firefox 3
  • Opera 11.7
  • Safari 4

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :