beachdogz on "Positioning custom widgets"

I successfully created 3 custom widget areas to go on the home page of my site. Theme is twenty twelve and I am working with a child theme. Link is here:
http://js.beachdogz.com/

I want the three custom widgets to be exactly where they are, below the main content and above the footer. So far, so good. But I want them to line up horizontally, not stack as they do. I added styles that I thought would take care of it:

textwidget	{
	width: 30%;
	line-height: 1.2;
	{

#text-2  {
	float: left;
	clear: none;
	}

#text-4 {
	float: right;
	clear: none;
	}

The CSS for width and line-height are fine, but the CSS for the floats on the first and third text widgets are not working. Many thanks in advance for any suggestions to fix it.