HTML <wbr> element

The <wbr> element marks a position where the browser may break a line if the text needs to wrap. If there is enough room, the text continues on the same line. This differs from <br>, which introduces a line break regardless of the available width.

It is useful within long words, file paths, URLs, or identifiers that have few natural break points. Placing <wbr> between meaningful parts of the text gives the browser additional places to wrap it. The element itself displays no character and adds neither a space nor a hyphen at the break.

The element is empty, with no text content or closing tag. It is inserted directly into the text at each intended break point. The example below places the text in a narrow box so that the effect of these optional breaks can be seen.

The example sets overflow-wrap: normal and word-break: normal to prevent the reference page's general emergency wrapping rule from obscuring the marked break positions. Its fixed width makes wrapping likely; a wider box may keep the whole word on one line.

Attributes: GLOBALS.

Typical layout:
<p style="width:12ch; max-width:100%; overflow-wrap:normal; word-break:normal; text-align:left; border:1px solid #556;">super<wbr>long<wbr>unbroken<wbr>word</p>

Visual representation: