Re: Proportional Circles with any amount of text

[boodaah]

Here’s a pen with my solution
http://cdpn.io/sJBnh

Basically, a little jquery to size the outer divs, and nested divs with a little css to vertically center the text.

I made another pen using .outerWidth and .outerHeight to give more padding for text, notice the long multiline text gets really close to the edges in the first example.
http://cdpn.io/nmhoe

The vertical centering method doesn’t work in IE8 or older.