Tutorialspoint.dev

HTML 5 | <wbr> Tag

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:

<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>GFGstandsforGeeksforGeeksanditis<wbr>acomputerscienceportalforgeeks.</p>
    </body>
</html>                    

Output:

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

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


This article is attributed to GeeksforGeeks.org

You Might Also Like

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter