What is the WBR Element?

What You'll Learn

• Using the wbr element
• When to allow breaks
• Difference from br

The WBR Element

The <wbr> element suggests a word break opportunity. The browser can break the line at this point if needed, but won't if there's enough space.

Key Difference

Examples

<!-- Long URL -->
<p>Visit: https://example.com/<wbr>long/<wbr>path/<wbr>to/<wbr>page</p>

<!-- Long technical term -->
<p>The error was <code>Null<wbr>Pointer<wbr>Exception</code>.</p>

<!-- Long compound word -->
<p>The German word Donau<wbr>dampf<wbr>schiff<wbr>fahrt</p>

Use Cases

• Long URLs
• Technical terms
• Compound words
• Strings that might overflow