A web site that discusses uses of CSS is A List Apart.

They had an article discussing lists, which I found interesting. The author was trying to describe CSS that allows two-column lists, without resorting to tables. The article's sample html is here (css).

There was various discussion in response to the article. I found a few points from the discussion to be interesting. I enjoyed seeing the person who used a single LI element, instead of the original author's two LI elements. (Local copy of code.) I also enjoyed seeing the example where you use a single LI element, and tag individual elements in order to classify them as "left column" or "right column". (Original code, local copy.) I think the most interesting for general use, though, was the person who showed how to use JavaScript to reorder the list on the fly. If CSS 3 were supported in browsers you could do this in CSS, but without CSS 3, this JavaScript example (local copy, explanation) works well.

Here's an example of lists made using Chris Cassell's technique. Beware that the example breaks badly if you do not use P tags in between the lists; the problem is that the CSS causes the lists to run together.

An intermediary paragraph.

  1. The first item, which has long text that goes on and on without ever reaching a quick stopping point.
  2. The second item, which is much shorter.
  3. The third item.
  4. The fourth item.
  5. The fifth item.

A closing paragraph goes here.