<wbr>
The <wbr> HTML element represents a word break opportunity—a position within text where the browser may optionally break a line, though its line-breaking rules would not otherwise create a break at that location.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 4 | 18 | 3.2 | |
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Syntax
HTML
<p>https://example.com/<wbr>very/<wbr>long/<wbr>path/<wbr>to/<wbr>resource</p>
<p>Supercalifragilistic<wbr>expialidocious</p>Live demo
longword. change rowposition
Wbr element in long URL or word. cut change rowposition.
PreviewFullscreen
Wbr and other. change row method. comparison
wbr, word-break, overflow-wrap Difference Comparison.
PreviewFullscreen
Use cases
-
Using <wbr>
The <wbr> HTML element represents a word break opportunity—a position within text where the browser may optionally break a line, though its line-breaking rules would not otherwise create a break at that location.
Cautions
- May not be supported in older browsers.
Accessibility
- Verify how this element is announced by screen readers.