Bottom bar css for widgets to show up next to eachother

I have managed to add a bottom bar to my theme with:

“you need to add following function in your function.php
between starting and closing php tags”

if ( function_exists('register_sidebar') )
	register_sidebar(array(
		'name' => 'bottom',
        'before_widget' => '<ul>',
        'after_widget' => '</li></ul>',
        'before_title' => '<li><h2>',
        'after_title' => '</h2></li><li>',
    ));

“change before and after widget/title to match to your theme
now edit your footer.php file to include widget support”

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('bottom') ) : ?><?php endif; ?>

But how to css it in such a way that the widgets are not under each other but next to each other.

Thanks
Okoth