title: Text within circle div. Div size adjusted to content
body: <p>I want to create a circle div with text in (not only one line). This is the kind behavior I want:</p>
  
  <p><img src="https://i.stack.imgur.com/x75DI.png" alt="http://i.imgur.com/EPVpt0U.png"></p>
  
  <p>That I guess I can achieve with a </p>
  
  <pre><code>text-align: center;
  vertical-align: middle;
  </code></pre>
  
  <p>But what if I don't know the height and width?</p>
  
  <p>I want the circle to expand (min-size 100px) if the text is filling it up. </p>