A A A A A

Decorative Images Examples

Example 2: List Bullets

CSS Source Code

ul.bullet1 li {
  list-style-type: none;
  background-image: url(images/bullet-1.png);
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 1.5em;
}

HTML Source Code

<ul class="bullet1">
  <li>List item #1</li>
  <li>List item #2</li>
  <li>List item #3</li>
  <li>List item #4</li>
  <li>List item #5</li>
  <li>List item #6</li>
</ul>

Text Equivalents

Other HTML Best Practices

Working Group