[Theme: TwentyThirteen] Arranging Footer Widgets horizontally

I’ve searched for some solutions in other threads, actually thought I had it and fixed it, but now the issue seems to have returned. I’m trying to copy my main website’s layout (link) into my website’s WP blog (link). As you can see I’m almost done.

The one thing I can’t figure out is how to arrange my footer widgets horizontally. The rightmost one keeps sneaking under the one to its left. I’ve tried to add display: inline-block; to .site-footer .widget (something I’m sure worked a few days ago) but it’s not doing anything now.

Based on a suggestion in another similar thread I also looked in functions.js at the masonry code for the footer. But I was only able to set the width and space between the widgets there, as far as I can tell.

I’ve also tried increasing the widget’s min-height to force the widget back to the right column, but that only puts it further below and messes up the whole layout.

Any suggestions on how to solve this?