forked from meyerweb/css-tests
-
Notifications
You must be signed in to change notification settings - Fork 0
/
bullet-test2.html
125 lines (124 loc) · 2.21 KB
/
bullet-test2.html
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><title>Untitled</title><style type="text/css">body {background: white; color: black;}div {border: 2px solid gray; padding: 1em; margin: 2em 0;}ul {background: yellow;}/* li {background: silver; border-bottom: 1px dotted gray;}div.one ul, div.one li {margin-left: 0;}div.two ul, div.two li {padding-left: 0;}div.three ul, div.three li {margin-left: 0; padding-left: 0;} */ul {border: 2px solid blue;}li {background: silver; border: 1px solid red; margin: 0; padding: 0;}div.one ul {margin-left: 3em;}div.two ul {padding-left: 3em;}div.three ul {margin-left: 3em; padding-left: 0;}div.four ul {margin-left: 0; padding-left: 3em;}</style></head><body id="www-meyerweb-com" class="css"><div class="zero"><ul><li>list 1 item 1<ul><li>sublist 1 item 1</li><li>sublist 1 item 2</li><li>sublist 1 item 3</li></ul></li><li>list 1 item 2<ul><li>sublist 2 item 1</li><li>sublist 2 item 2</li><li>sublist 2 item 3</li></ul></li><li>list 1 item 3</li></ul></div><div class="one"><ul><li>list 1 item 1<ul><li>sublist 1 item 1</li><li>sublist 1 item 2</li><li>sublist 1 item 3</li></ul></li><li>list 1 item 2<ul><li>sublist 2 item 1</li><li>sublist 2 item 2</li><li>sublist 2 item 3</li></ul></li><li>list 1 item 3</li></ul></div><div class="two"><ul><li>list 1 item 1<ul><li>sublist 1 item 1</li><li>sublist 1 item 2</li><li>sublist 1 item 3</li></ul></li><li>list 1 item 2<ul><li>sublist 2 item 1</li><li>sublist 2 item 2</li><li>sublist 2 item 3</li></ul></li><li>list 1 item 3</li></ul></div><div class="three"><ul><li>list 1 item 1<ul><li>sublist 1 item 1</li><li>sublist 1 item 2</li><li>sublist 1 item 3</li></ul></li><li>list 1 item 2<ul><li>sublist 2 item 1</li><li>sublist 2 item 2</li><li>sublist 2 item 3</li></ul></li><li>list 1 item 3</li></ul></div><div class="four"><ul><li>list 1 item 1<ul><li>sublist 1 item 1</li><li>sublist 1 item 2</li><li>sublist 1 item 3</li></ul></li><li>list 1 item 2<ul><li>sublist 2 item 1</li><li>sublist 2 item 2</li><li>sublist 2 item 3</li></ul></li><li>list 1 item 3</li></ul></div></body></html>