HTML Element <wbr> Example

The HTML element <wbr> is used to specify a word break position with a lengthy text, where the browsers can optionally break.

The word wbr stands for Word Break Opportunity.

If the content has a text that is too long, then this element can be used to define a position for word-break for word wrap purposes.

Here is an example that explains the element in action. Click the below link to see the live demo.

Run this on IDE

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Example - HTML Element wbr</title>
</head>
<body>
    <h2>Example for HTML element wbr</h2>
    <p>This paragraph contains a longggggg<wbr>ggggggggggggggggggggggggggggggggggg<wbr>ggggggggggggggggggggggggggggggggggggggg<wbr>ggggg text.</p>
    <p>NOTE: Try to shrink the browser window to see how the word break happens in action.</p>
</body>
</html>

Related Links