Code has been added to clipboard!

HTML wbr Tag

Reading time 1 min
Published Jun 29, 2017
Updated Oct 2, 2019

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.
  • HTML <wbr> tag supports global attributes.
Udacity
Pros
  • Simplistic design (no unnecessary information)
  • High-quality courses (even the free ones)
  • Variety of features
Main Features
  • Nanodegree programs
  • Suitable for enterprises
  • Paid certificates of completion
Coursera
Pros
  • Professional service
  • Flexible timetables
  • A variety of features to choose from
Main Features
  • Professional certificates of completion
  • University-level courses
  • Multiple Online degree programs
Datacamp
Pros
  • Great user experience
  • Offers quality content
  • Very transparent with their pricing
Main Features
  • Free certificates of completion
  • Focused on data science skills
  • Flexible learning timetable

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.

Example
<p>longlonglonglong<wbr>"ThisIsUnbreakable"<wbr>longlonglonglong</p>

The 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.

Browser support

Browser image
Chrome
1+
Browser image
Edge
All
Browser image
Firefox
1+
Browser image
IE
5.5+
Browser image
Opera
11.6+
Browser image
Safari
4+

Mobile browser support

Browser image
Chrome
All
Browser image
Firefox
4+
Browser image
Opera
-
Browser image
Safari
-

Latest Udacity Coupon Found:

Verified STAFF PICK

75% OFF COURSES

Udacity Black Friday Offer

The best time to save on Udacity courses is now - follow this coupon to access a 75% Udacity Black Friday discount & enjoy learning at a very low cost!

Expiration date: 27/02/2021
3176 People Used
Only 97 Left
Rating
5.0