CSS: Last element on line

Question

I\'ve got an unordered [inline] list of links that wraps across two lines:

Answer 1

I wanted a version that would be visually centered and would also deal with the re-layout bug Randall elegantly handled. This solution also adds a middle dot and space to the first item on each line, which counter-balances the middle dot and space on the end of each line. You might wish to remove this if you left-align your menu.

I also switched to offset().left in the code because Firefox wasn't working with offset().top.

The code is below, but here is a link so you can more easily see it working. http://kpao.typepad.com/files/middle-dot-separated-list-v2.html

African Wild Dog
Andean Cat
Cheetah - Botswana
Cheetah - Namibia
Cotton-Top Tamarin
Elephant
Elephant Crisis Fund
Ethiopian Wolf
Grevy's Zebra
Lion - Ewaso
Lion - Niassa
Lion Recovery Fund
Okapi
Penguin
Saiga Antelope
Sharks and Rays
Small Wild Cats
Snow Leopard
Spectacled Bear
Scholarship Program