title: Align horizontally and vertically in a circle
body: <p>Following an example found over at CSS Tricks, I'm trying to center align content that is inside a circle container that is responsive. The example doesn't seem to be able to handle much content, and immediately breaks as soon as I enter more than a few lines of text.</p>
  
  <p><a href="http://codepen.io/CrocoDillon/pen/trFam" rel="nofollow">Code Pen Example</a></p>
  
  <p>Inside the circle I need to have a header and a paragraph. Is there any way to set a max width of this content so that it isn't placed outside the circle when it doesn't fit?</p>