How do you hide the dot after the bullet number in an ordered list? [duplicate]

Question

Initially, I thought I could use :first-letter in CSS, legacy browser support aside, but I don't think the bullet numbers technically exist in the DOM. Assume I'm not going to use bullet list images or background images.

So something like:

1. Apples
2. Bananas
3. Oranges

would become

  1 Apples
  2 Bananas
  3 Oranges

Answer 1

From this answer, it appears that the answer is:

ol {      counter-reset: item;     list-style-type: none; } ol li { display: block; } ol li:before {      content: counter(item) "  ";      counter-increment: item; } 

SEE ALSO: http://jsbin.com/ukojo4/