CSS fixed width li with fixed span

Question

I've wrote problem here: CSS fixed width in span

and that had solution just with 'text-align:right;'. But now:

                 The lazy dog.
ANDDDDDDDDDDDDDD The lazy cat.
              OR The active goldfish.

if i have long right part:

                 The lazy dog.
ANDDDDDDDDDDDDDD The lazy cat lazy cat lazy cat lazy cat
very lazy cat lazy cat very.
              OR The active goldfish.

And this is really problem, bcz i need:

                 The lazy dog.
ANDDDDDDDDDDDDDD The lazy cat lazy cat lazy cat lazy cat
                 very lazy cat lazy cat very.
              OR The active goldfish.

So, is it possible with span & ul-li ?

Here is example: http://jsfiddle.net/gBdMf/

Answer 1

Consider using a DEFINITION LIST instead of an unordered list.

See: http://www.the-art-of-web.com/css/format-dl/

And: http://www.css-101.org/articles/glossary-and-table-format/definition-list.php