As seen on SPF thread here.

Objective

To set style-rules to achieve the following ordered-list look like the following:

Ordered List mockup

Paul O’Bs solution...

» At the moment, here's the progress:

With list-style-position:outside

  1. Title 25,858
    (Category)
  2. Title 16,4441
    (Category)
  3. Title 15,951
    (Category)
  4. Longer Title 12,989
    (Category thats long)
  5. Longest Longer Title 10,643
    (Another category)

The problem with this is one is that the background-image that I have repeat-x at "left bottom" doesn't go align to the list-item's number

With list-style-position:inside

  1. Title 25,858
    (Category)
  2. Title 16,4441
    (Category)
  3. Title 15,951
    (Category)
  4. Longer Title 12,989
    (Category thats long)
  5. Longest Longer Title 10,643
    (Another category)

The problem with this one is that the block holding the .title and .stats causes a line-break