Aligning li Elements in a Div

Question

I need to align 3 different elements in my div. They are in a ul list: Left, Center and Right.

I tried to use float: right for the right element, and margin: 0 auto with a width for the element in the center. But still it doesn't align automatically.

The elements can also be images, not only text. http://jsfiddle.net/PwmrC/

Answer 1

display:table and table-cell may be your solution. Here is the fiddle demo.

Later edit: Reworked example