title: checkmark/tick inside a circle (icon) using pure css3
body: <p>I'm trying to draw a circle with tick/checkmark inside it using pure css3</p>
  
  <pre><code>.success-checkmark {
      content: '✔';
      position: absolute;
      left:0; top: 2px;
      width: 17px; height: 17px;
      border: 1px solid #aaa;
      background: #f8f8f8;
      border-radius: 50%;
      box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
  
  }
  </code></pre>
  
  <p>How can i achieve i have tried with the above code?</p>