Different CSS styles for HTML lists

1. The list in basic HTML code, without CSS - Things you need for oral hygiene:

The HTML code

<ol>
   <li>toothbrush</li>
   <li>toothpaste</li>
   <li>dental floss</li>
   <li>mouthrinse (optional) and a tongue scraper</li>
</ol>

This is how it looks like

  1. toothbrush
  2. toothpaste
  3. dental floss
  4. mouthrinse (optional) and a tongue scraper

2. The same list with different CSS styles

<ol style="list-style-type: disc">
  1. toothbrush
  2. toothpaste
  3. dental floss
  4. mouthrinse (optional) and a tongue scraper
<ol style="list-style: circle">
  1. toothbrush
  2. toothpaste
  3. dental floss
  4. mouthrinse (optional) and a tongue scraper
<ol style="list-style: square inside">
  1. toothbrush
  2. toothpaste
  3. dental floss
  4. mouthrinse (optional) and a tongue scraper
<ol style="list-style: upper-roman">
  1. toothbrush
  2. toothpaste
  3. dental floss
  4. mouthrinse (optional) and a tongue scraper
<ol style="list-style-image: url(../images/checkbox.gif)">
  1. toothbrush
  2. toothpaste
  3. dental floss
  4. mouthrinse (optional) and a tongue scraper
<ol style="list-style: circle url(../images/checkbox.gif) inside">
  1. toothbrush
  2. toothpaste
  3. dental floss
  4. mouthrinse (optional) and a tongue scraper