Drop-Down Widget Formatting Help

Hey! At the very top of http://www.acleanplate.com/recipes I have a “recipe search” widget with three elements (two drop-down lists and a search button) I want to display side-by-side with equal distance between them. As you can see, they are currently “stepped” with no space at all between them. If it helps, I started with the theme Magazine Pro by Genesis, but I’ve changed a lot.

Here is the code I have currently for that area:

#recipe-ingredient.postform,
#recipe-post_tag.postform,
#wpurp_recipe_search_widget-2 input {
	display: inline;
	float: left;
	clear: none;
	margin-bottom: 0;
	padding: 14px 20px;
	width: 30%;
}

I can’t quite figure out what’s missing to get those elements to display correctly.

TIA for any insights!

http://www.acleanplate.com/recipes/