w3-video.com logo

HTML5 Tutorial

Home HTML5 XAMPP .htaccess Firefox Notepad++

Share it

br vs wbr

The difference between the br element and the wbr element presented in the video tutorial below.

Video demonstration br vs. wbr

HTML5 br vs. wbr Tutorial

min video details
00:04 video tutorial: the difference between br element and wbr
00:09 the br element represents a line break
00:11 the wbr element represents a line break opportunity
00:15 1st paragraph - br: the line will break after the letter d
00:19 2nd paragraph - wbr: the line might break after d letter in case of width constraints
00:26 test result: ok
1st paragraph - br:
the browser broke the line after d letter
00:32 test result: ok
2nd paragraph - wbr:
the browser breaks the line after d letter when width constraints
wbr intro wbr browser display wbr parents wbr syntax