Question

Hi I like to use ordered list like this.

      (a) You must give any other recipients of the Work or
          Derivative Works a copy of this License; and

      (b) You must cause any modified files to carry prominent notices
          stating that You changed the files; and

      (c) You must retain, in the Source form of any Derivative Works
          that You distribute, all copyright, patent, trademark, and
          attribution notices from the Source form of the Work,
          excluding those notices that do not pertain to any part of
          the Derivative Works; and

      (d) If the Work includes a "NOTICE" text file as part of its
          distribution, then any Derivative Works that You distribute must

I tried this but it shows the numbers.

/* Wrap alphabet. */
ol.wrapAlphabet {
    list-style-type: lower-alpha;
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
    margin-top: 5px;
}

ol.wrapAlphabet li {
    display: block;
    margin-left: 2em;
}

ol.wrapAlphabet li:before {
    display: inline-block;
    content: "(" counter(item) ") ";
    counter-increment: item;
    width: 2em;
    margin-left: -2em;
}​

Html

<ol class="wrapAlphabet">
<li>
      You must give any other recipients of the Work or
          Derivative Works a copy of this License; and
</li>

<li>
      You must cause any modified files to carry prominent notices
          stating that You changed the files; and
</li>

<li>
      You must retain, in the Source form of any Derivative Works
          that You distribute, all copyright, patent, trademark, and
          attribution notices from the Source form of the Work,
          excluding those notices that do not pertain to any part of
          the Derivative Works; and
</li>

Answer 1

Using content: "("counter(item, lower-alpha)")"; instead of content: "(" counter(item) ") "; should work

Demo: http://jsfiddle.net/J5NmV/1/