HTML <wbr> Tag

The <wbr> element, which stands for Word Break Opportunity, is an inline HTML tag used to suggest where a long word or URL can be broken and wrapped onto the next line if necessary. It does not create a visible element or add any space on its own; rather, it acts as a hint to the browser, allowing text to break at a certain point without affecting the flow of the content when a break is not needed.

This is particularly useful for content where long strings - such as URLs, email addresses, or unbroken words - might otherwise overflow their containing element, causing layout issues or requiring horizontal scrolling. By inserting a <wbr> at appropriate positions within a word or string, developers can improve readability and prevent awkward overflow without inserting visible hyphens or spaces.

For example, in a long URL, placing <wbr> after certain characters allows the browser to wrap the URL onto the next line if it reaches the container’s edge, while leaving it intact on a single line when there is sufficient space.

Importantly, <wbr> is purely advisory: the browser may choose to ignore it if a line break is unnecessary, ensuring that it does not disrupt the natural flow of text.