title: Adding circles with :before
body: <p>I want to add 3 green circles with the :before pseudo-element in order to show the in-stock-status of my products similar to below:</p>
  
  <pre><code>http://www.chililips.com/LACOSTE-Lounge-Pant-Schlafhose-lang-gruen
  </code></pre>
  
  <p>I only know how to apply ONE circle, but how can I add three or more? I also thought of using HTML characters, but there are no green circles...</p>