Inline lists with bullets ?

Giganews Newsgroups
Subject: Inline lists with bullets ?
Posted by:  dingb…@codesmiths.com
Date: 3 Oct 2005

A relatively common piece of CSS is to style a list to be displayed
in-line:
    li {
      display: inline;
    }

However this also removes any bullets from the <li>s, as they're no
longer "list items".  Is there are way to style a list to be both
in-line, _and_ with bullets on each item?

Using content: gives me what I want, but fails in IE
li:before {
  content: url(furniture/list_bullet.gif);
}

Is there any (IE compatible) way to achieve this or am I reduced to
sticking <img> in there on each element ?  8-(

Replies