w3-video.com logo

HTML5 Tutorial

Home HTML5 XAMPP .htaccess Firefox Notepad++

Share it

hr, display in browser

Browser display, hr element

Display type: block

Video demonstration hr element, view in browser

HTML5 hr, browser display, Tutorial

min video details
00:06 video tutorial: testing the browser display of the hr element
00:13 we have 2 paragraphs in page
00:17 adding the hr element between the two paragraphs
00:21 the hr element displays a 1px inset gray horizontal line
00:26 for demo purpose (to demonstrate the margins) we're adding 2 more hr elements

Note: 1 hr element is enough to separate the paragraphs, we've added 3 just to show you the margins the hr element has;
00:32 the hr element displays block with a 0.5em top and bottom margin
hr intro hr parents hr syntax