記事一覧の横一列表示の方法

Twenty Elevenにて、ブログをしています。
下記のコードで、カテゴリーの最新記事を表示することは成功したのですが、
一覧を縦表示ではなく、横一列に表示したいと考えております。

形としては、アイキャッチ画像とブログタイトルを
<div class=”box”>にて、横幅220pxの長方形の中に表示させ、
それを縦ではなく、幅960px間に横に４つほど並べて表示したいと思っております。

色々検索して試してみたのですが、どの方法でも横一列表示になってくれません。
どなたか方法をご存知の方がいらっしゃいましたら、ご教示願いたいのですが。。。
どうぞ宜しくお願い致します。

<?php if ( have_posts() ) : query_posts( ‘showposts=3&cat=3’); ?>
<?php while (have_posts()) : the_post(); ?>

<div class=”box”>
<p class=”img”>
” title=”<?php the_title(); ?>”>

<?php
if ( has_post_thumbnail() ): // サムネイルを持っているときの処理
?><?php the_post_thumbnail(); ?><?php
else: // サムネイルを持っていないときの処理
?><img src=”<?php bloginfo(‘template_url’) ?>/img/unimage.jpg” alt=”noimage” class=”imgLeft” />

<?php endif; ?>

</p>

<p class=”title”><?php the_title(); ?></p>
<p class=”morelink”>“>⇒続きを読む</p>
</div>
<?php endwhile;?>

<?php endif; ?>
<?php wp_reset_query(); ?>