title: Numbering an ordered list <OL> like an array, with brackets around the numbers
body: <p>I have this list:</p>
  
  <pre><code>&lt;ol start="0"&gt;
    &lt;li&gt;Tokyo Skytree&lt;/li&gt;
    &lt;li&gt;Canton Tower&lt;/li&gt;
    &lt;li&gt;CN Tower&lt;/li&gt;
    &lt;li&gt;Ostankino Tower&lt;/li&gt;
    &lt;li&gt;Oriental Pearl Tower&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>Which shows something like this:</p>
  
  <pre><code>1. Tokyo Skytree
  2. Canton Tower
  3. CN Tower
  4. Ostankino Tower
  5. Oriental Pearl Tower
  </code></pre>
  
  <p>Now what I want is to have something like this:</p>
  
  <pre><code>[1] Tokyo Skytree
  [2] Canton Tower
  [3] CN Tower
  [4] Ostankino Tower
  [5] Oriental Pearl Tower
  </code></pre>
  
  <p>Ideally I want a 0-based array like:</p>
  
  <pre><code>[0] = Tokyo Skytree
  [1] = Canton Tower
  [2] = CN Tower
  [3] = Ostankino Tower
  [4] = Oriental Pearl Tower
  </code></pre>
  
  <p>I've read about <a href="http://css-tricks.com/numbering-in-style/" rel="nofollow noreferrer">CSS Numbering Style</a> and <a href="http://dev.w3.org/csswg/css-lists/#predefined-counters" rel="nofollow noreferrer">CSS Lists W3C Draft</a> but I cannot figure out a solution that works.</p>