title: HTML5/CSS3 Circle inside a circle with inner circle stick on top of inner side of the outer circle
body: <p>I rotated the circle for 180 degree , how can i have inner circle stick on top  (without rotating it)</p>
  
  <p><a href="https://i.stack.imgur.com/LYTYp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LYTYp.png" alt="enter image description here"></a></p>