Lists, margins, paddings, markers and indentation
Read a guru text first.
ul, ol { background-color: #fcc; outline: 1px solid #f33; }
li { background-color: #cfc; outline: 1px solid #3f3; }
Browser defaults
- An item
- Another item
- And another one
- An item
- Another item
- And another one
No margin on the ul
- An item
- Another item
- And another one
No padding on the ul
- An item
- Another item
- And another one
No margin and padding on the ul
- An item
- Another item
- And another one
No margin and padding on the ul and a margin on the li
- An item
- Another item
- And another one
No margin and padding on the ul and a padding on the li
- An item
- Another item
- And another one
A margin and no padding on the ul
- An item
- Another item
- And another one
No margin and a padding on the ul
- An item
- Another item
- And another one
Some more tests
- An item
- Another item
- And another one
- An item
- Another item
- And another one
- An item
- Another item
- And another one
- An item
- Another item
- And another one
- An item
- Another item
- And another one
Home - More stuff