title: CSS to get perfect circle around number using border-radius
body: <p>I'm trying to achieve this: <a href="http://puu.sh/iQNoG/4ea224e4ad.png" rel="nofollow noreferrer">http://puu.sh/iQNoG/4ea224e4ad.png</a></p>
  
  <p>and here's <a href="http://jsfiddle.net/27a7ucd9/1/" rel="nofollow noreferrer">my code:</a></p>
  
  <pre><code>&lt;div class="credit-callout"&gt;
  &lt;ul&gt;
      &lt;li&gt;C M E&lt;/li&gt;
      &lt;li class="credit-number"&gt;19.5&lt;/li&gt;
      &lt;li&gt;CREDITS&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p></p>
  
  <p>I suspect that my issue might be that I'm using line-items but i wasn't able to get them on 1 line without going this route.</p>