title: Colored Dots :before and :after h2
body: <p>I'm trying to put colored dots before and after h2.</p>
  
  <p>This is my CSS;</p>
  
  <pre><code>h2:after {
   width:10px;
   height:10px;
   border-radius:50%;
   background: #b83b3b;
  }
  
  h2:after {
   width:10px;
   height:10px;
   border-radius:50%;
   background: #b83b3b;
  }
  </code></pre>
  
  <p>But no dots show up.</p>
  
  <p>Any leads?</p>
  
  <p>Thanks!</p>
  
  <p>Jaeeun</p>