HTML wbr Tag: Main Tips
<wbr>stands for word break opportunity. It means the browser will only add a line break if it needs to.
- For a mandatory line break, use HTML5 br tag.
<wbr>tag supports global attributes.
Theory is great, but we recommend digging deeper!
Definition of the Break Tag
When a word is too long, the browser can break it at unwanted places. By using the
wbr tag, you can specify where the HTML5 line break should be if it's needed. It does not include a hyphen at the point of a line break.
wbr tag has only been introduced in HTML5. It is an empty element, which means it does not have a closing tag.
Note: if you use the <wbr> tag for an eventual URL break, do it before punctuation. A punctuation mark at the end of the line could be mistaken for the end of the URL.