CSS white-space causes odd vertical alignment

I'm having a weird issue with the alignment of some badge icons on my home page. I've attached a screen shot with some green lines showing the problem. The site is http://spanish-academy.ca

I am trying to have all the badge icons align together, and have any text that is too long wrap below without bumping up the icon.

Thanks for the help!