Bullet Point Lists

  • This is my special list.
  • This is my custom list.
  • This list item is longer so we can set the text-indent correctly.
  • This is my styled list.
  • This only used one type of bullet.
  • Mary.
  • Alice.
  • Jane.
  • David's list item is longer so we can set the text-indent correctly.
  • John.
  • Robert.
  1. Preheat oven to 425°F
  2. Mix all the ingredients
  3. Dump it all into a greased pan
  4. Bake for 40 minutes
  5. Take out and let cool 30 minutes
  6. Eat
  • This is my special list.
  • This is my custom list.
  • This list item is longer so we can set the text-indent correctly.
  • This is my styled list.
  • This only used one type of bullet.
  • This is odds and evens list.
  • This is odds and evens list.
  • This is odds and evens list.
  • This is odds and evens list, but this one is a bit longer for setting the indent.
  • This is odds and evens list.
  • This is odds and evens list.
  1. Preheat oven to 425°F
  2. Mix all the ingredients
  3. Dump it all into a greased pan
  4. Bake for 40 minutes
  5. Take out and let cool 30 minutes
  6. Eat
  • This is my special list.
  • This is my custom list.
  • This list item is longer so we can set the text-indent correctly.
  • This is my styled list.
  • This only used one type of bullet.
  • This is my select an item list.
  • This is my custom list.
  • This is my colorful list.
  • This is my styled list.
  • This is my mixed styled list which is longer for setting indents
  • This is my nth child list.
  1. Preheat oven to 425°F
  2. Mix all the ingredients
  3. Dump it all into a greased pan
  4. Bake for 40 minutes
  5. Take out and let cool 30 minutes
  6. Eat

Handy examples from CSS Tricks:
 https://css-tricks.com/list-style-recipes/

  1.  Preheat oven to 425°F
  2.  Mix all the ingredients
  3.  Dump it all into a greased pan
  4.  Bake for 40 minutes
  5.  Take out and let cool 30 minutes
  6.  Eat
  1. Preheat oven to 425°F
  2. Mix all the ingredients
    1. Dump in bowl
    2. Stir with whisk
  3. Dump it all into a greased pan
  4. Bake for 40 minutes
  5. Take out and let cool 30 mintes
  6. Eat

https://codepen.io/chriscoyier/pen/wvKeQOp

  1. Preheat oven to 425°F
  2. Mix all the ingredients
  3. Dump it all into a greased pan
  4. Bake for 40 minutes
  5. Take out and let cool 30 mintes
  6. Eat
  • Eggs
  • Flour
  • Water

https://codepen.io/chriscoyier/pen/YzyVaON

INSTRUCTIONS HERE➤