ul ... ⁄ul, display in browser
Browser display, ul element
- empty ul element (start tag, end tag only): does not display in browser
- non-empty ul element (with li children): displays with a 1em top and bottom margin and a 40px left padding:
- its child: li element:
- empty li element: displays bullets in browser
- non-empty li element: displays bullets + content or bullets + depends on the nested element
- its child: li element:
Display type: block
Video demonstration ul element, view in browser
HTML5 ul, browser display, Tutorial
| min | video details |
|---|---|
| 00:07 | ul, li elements: browser display |
| 00:12 | adding the ul element in page |
| 00:16 | browser display: none |
| 00:22 | adding li elements inside the ul element |
| 00:27 | browser display: bullets in front of each li element |
| 00:33 | adding content to li elements (= populating the list) |
| 00:36 | browser display: the content of the li elements display in browser |