Français

<wbr>

Suggesting where to break a long word without forcing the break

— 1 min read

  • HTML
  • accessibility
  • semantics
  • text

<wbr> — The suggested line break

The <wbr> element (Word Break Opportunity) marks a point where the browser may break a long word if the line is too narrow. Unlike <br>, it does not force a break: it allows one.

When to use it

You have a very long word (URL, technical identifier, German compound word) that risks overflowing its container on small screens. Place a <wbr> at natural break points.

What you gain

Accessibility: text remains readable on all screen sizes without horizontal overflow. Users who zoom to 400% do not lose content.

Code example

<p>
  Visit
  <code>https://example.com/<wbr>very-long-path/<wbr>to-a-resource</code>
  for more details.
</p>

Further reading