title: Responsive CSS circles that can hold centered content
body: <p>I am searching for a way to create a responsive CSS3 circle that can hold centered content.<br>
  Regarding the circle, I found some good info in <a href="https://stackoverflow.com/questions/12945891/responsive-css-circles">this question</a>. Too bad it seems that one can't center the content in this one.</p>
  
  <p><a href="https://stackoverflow.com/questions/8473443/center-an-image-in-a-css-circle">This question</a> is also pretty similar to mine, despite the fact it's an image that should be centered. Using a background image in not an option in my case, so this option isn't working for me as well.</p>
  
  <p>Do you have any ideas how I could approach this?<br>
  Of course I could use an image, but CSS would be much more elegant!</p>