Here is an ordered list:

1. This list is
2. using roman
3. numerals
4. with CSS!

and now an unordered list:

• This list is
• using circle types
• with CSS!

Here is an unordered list:

• This list is
• using a picture with CSS!

and now an ordered list:

1. This list is
2. using a picture
3. with CSS!

• This list is using inside positioning so that means the bullets will move inside with the text and it's really easy to see how it's different with multiple lines.
• The bullets
• are inside.

and now an ordered list:

1. This list is using outside positioning and is the default position of bullets.
2. These lines
3. are just normal.

1. This list's image DID
2. load correctly, we skip the following 2 lines
3. But because we chose to include
4. A CSS list type, we avoided a bland list!

1. This list's image did
2. NOT load correctly
3. But because we chose to include
4. A CSS list type, we avoided a bland list!