Question

Is there a why to create ordered list to display a) instead of a. when using css with the ul/li tag

At the moment I have this style ol.lower-alpha {list-style-type:lower-alpha} which produces a. and not a)

eg.

I need it to look like this

 a) item 1
 b) item 2

Answer 1

Yes, using counters (which have good, but still limited support, so take care). Example (jsfiddle):

ol {
   list-style-type: none;
   counter-reset: list;
}
ol li:before {
    content: counter(list, lower-alpha) ") ";
    counter-increment: list;
}