show posts inline style

[poke6uy]

how do I show multiple posts (ex: 3) next to one another on the homepage? I have tried the following:

<h2>New Videos</h2>
<?php $recent = new WP_Query("cat=9&showposts=1"); while($recent->have_posts()) : $recent->the_post();?>
<?php if( get_post_meta($post->ID, "video thumb", true) ): ?>
[img]<?php echo get_post_meta($post->ID, [/img]" alt="<?php the_title(); ?>" />
<?php else: ?>
[img]<?php bloginfo('template_url'); ?>/images/homeleft.jpg[/img]" />
<?php endif; ?>
<h3><?php the_title(); ?></h3>

<?php endwhile; ?>


<h3>More Recent Videos</h3>
<ul>
<?php $recent = new WP_Query("cat=23&showposts=2&offset=1"); while($recent->have_posts()) : $recent->the_post();?>
[*]<?php the_title(); ?>
<?php endwhile; ?>
[/list]

the css for the UL & LI

.feavideo {
background: #FFFFFF;
float: left;
width: 550px;
margin: 0px 0px 10px 10px;
padding: 9px 9px 9px 9px;
display: inline;
border: 1px solid #C0C0C0;
}

.feavideo ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.feavideo ul li {
list-style-type: square;
display: inline;
margin: 0px 0px 0px 20px;
padding: 10px;
}

I want to show 3 posts side by side and have "more posts" link at the bottom.