<wbr>
The <wbr> HTML element represents a word break opportunity, to explicitly mark a place within a word where a line might be broken.
Overview
The <wbr> HTML element represents a word break opportunity, to explicitly mark a place within a word where a line might be broken.
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, to explicitly mark a place within a word where a line might be broken.
Cautions
- May not be supported in older browsers.
Accessibility
- Verify how this element is announced by screen readers.
Related links
Powered by web-features