css html definition list question

Question

Is it possible to HAVE a bullet in front of a <dd> tag just like <li> i cannot use <li> because i need to validate and <dl><dt>and <dd> is just fine

Answer 1

You could achieve it with a background image.

dt { background: transparent url(bullet.png) no-repeat; padding-left: 20px; }

EDIT: added padding-left.

Answer 2

By default a definition list doesn't have bullets. But you can use an image like jessegavin suggested. Remember about margins, paddings and .png problems with IE6 when you use a solution like this.

Good luck.

Answer 3

Shouldn't it be possible to play around with CSS like this?

dt:before {
  content: "•";
  position: ...;
  margin: ...;
}

This is not nice, but... well, using a definition list element if you do not actually want a definition list to be shown is ugly anyway.