How can I prefix ordered list item numbers with a static string using CSS?

Question

I want this HTML...

Apples
Oranges

...to ren

Answer 1

There is a, fragile, non-counter method, but it's prone to breaking:

ol {
    list-style-type: decimal;
    margin: 0 0 0 2em;
}

li {
    position: relative;
}

ol li:first-letter {
    color: #f90;
    float: left;
    position: relative;
    margin-left: -2em;
}

JS Fiddle demo.