[Twenty Twelve] Inline widgets?

Hi there,

I have a custom area for another widget part on my site. Here is the code I placed in functions.php –

register_sidebar( array(
‘name’ => ‘Archives Widget’,
‘id’ => ‘sidebar-4’,
‘description’ => ‘Widget Description Goes Here’,
‘before_widget’ => ‘<div id=”%1$s” class=”widget %2$s”>’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ‘<h3 class=”widget-title”>’,
‘after_title’ => ‘</h3>’,
) );

But now all the widgets I put in this custom area sit underneath each other instead of horizontally. So I added this to style.css –

#sidebar-4 {
display: inline-block;
};

But they still sit under each other.

Here is the link to my site

Many thanks in advance!