styles"/>
  <style type="text/css">* { margin: 0; padding: 0 }

  div { white-space: nowrap; }


  #test { counter-reset: c; color: blue; }
  #test span { counter-increment: c; }
  #test span:before { content: counter(c, circle); }

  </style>
 </head>
 <body>

 <p>There should be a string of 12 blue hollow circles below. (A string of
    12 black hollow circles is provided on the second line for reference.):</p>

 <div id="test">
   <span></span>
   <span></span>
   <span></span>
   <span></span>
   <span>