Question

I’ve explored this a rediculous amount, but I think I’m over thinking it! Basically:

http://jsfiddle.net/shannonhochkins/EugZp/2/

I’ve got that ^ which works great, although I need the text to be center aligned with the text above it. I’ve tried using display: inline-block on the child elements and text-align:center; on their parents, which does center them, but then the jquery that animates them doesn’t work properly because they’re all aligned together not separate I believe.

Does anyone know of any tricks?

Answer 1

see the updated fiddle i hope you want something like this : http://jsfiddle.net/EugZp/9/