Foot widget forcing extra div in text-widget and breaking columns

Hello-
I’m trying to use a three column footer, but in the center column, I’d like 2 smaller columns to fit in that once space. (for my long navigation. I don’t care if they’re small when viewed on a phone, they’ll be fine.) BUT, every time I stick a div with a float, it just forces the second column below, rather than next to the first column.

I used the same css on my old site and it was fine. Upon looking into the code inspector, it seems a blank div is being added and wrapped around my column div. Can you please take a peek and let me know how to get rid of that, or another way to do it?

.footer-float {
float: right;
width:50%;
display:inline-block;

}

i’ve tried using a span in teh widget to see if that would help but it didn’t.

Here’s an image of how the footer should look: http://newsite.insightpd.com/wp-content/uploads/Pharma14.jpg

Any help is always appreciated!
Thanks!