hr, display in browser
Browser display, hr element
- empty hr element (start tag only): displays an inset gray border of 1px, with a 0.5em top and bottom margin
- hr element it's a void element, has no content
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 |