CSS listas ordenada com resultado insatisfatorio.

[AlbertoRT]

Prezados, saúde e paz para todos.

Tenho uns textos que requerem criar listas ordenadas, tanto em ordem alfabética com numérica.

Acontece que "todas" as listas que vejo, mostram (veja o "ponto" depois da letra ou do número):

a.

b.

c.

ou com números

1.

2.

3.

Observe que tem um ponto depois da letra ou do número.

Além de não desejar que fique com o "ponto" no final, gostaria de colocar um parêntese, que é o mias usual em textos, assim :

a)

b)

c)

ou com números

1)

2)

3)

Colocar o "parêntese" consegui colocar, mas o "ponto" depois do número ou da letra continuam:

O que tentei:

CSS:

ol.lalpha {
	list-style-type: lower-alpha;
	}	
	
li.parentese:before {
    content: ") ";
   }	

Ficando:

<ol class="lalpha">
  <li class="parentese">Coffee</li>
  <li class="parentese">Tea</li>
  <li class="parentese">Coca Cola</li>
</ol>
	

Resultado

       a. ) Coffee

       b. ) Tea

       c. ) Coca Cola

Inclusive fica feio. Muito separado a "letra e o ponto" do ")"

Resultado esperado

a) Coffee

b) Tea

c) Coca Cola

 

Obrigado