Colocar pagina destaque lado a lado

Fala Galera!!!

Estou fazendo um site em WORPRESS e utilizando POST_TYPE para puxar três paginas especificas, sendo que eu queria que ela ficasse lado a lado ao invés de uma embaixo da outra como está no site Arte em Bolo que estou fazendo…

Segue o CSS:

#destaques {
   width: 900px;
   height: 300px;
}
# paginas-Destaque {
   width: 284px;
   height: 270px;
   margin: 10px 0 0 15px;
   float: left;
}
h1 # paginas-Destaque {
   height: 35px;
   text-align: center;
   text-align: left;
   font-family: "montserratregular";
   color: # CA278C;
   font-size: 20px;
   margin: 5px 0 0 0;
}
# paginas-Destaque h1 a {
   color: # CA278C;
   text-decoration: none;
}
# paginas-Destaque h1 a: hover {
   color: # CA278C;
   text-decoration: underline;
}
# paginas-Destaque img {
   width: 284px;
   height: 109px;
}
# paginas-Destaque p {
   height: 80px;
   text-align: left;
   color: # 000;
   font-size: 12px;
}
h2 # paginas-Destaque {
   height: 40px;
   float: right;
   color: # 000;
   font-size: 12px;
}
# paginas-Destaque h2 {um
   color: # 000;
   text-decoration: none;
}
# paginas-Destaque h2 a: hover {
   color: # 000;
   text-decoration: underline;
}

Aqui é o código para puxar as paginas:

<div id="destaques">
<div id="paginas-destaque">
<?php $dest = array (
'post_type' => 'page',
'post__in' => array(139, 141, 147));
query_posts($dest); ?>
<?php if (have_posts()): while (have_posts()) : the_post();?>
<h1><a href="<?php the_Permalink()?>" title="<?php the_title();?>" alt="<?php the_title();?>"><?php the_title();?></a></h1>
<img src="<?=bloginfo('template_url')?>/images/img-box.jpg">
<?php the_excerpt();?>
<h2>[<a href="#">+ DETALHES</a>]</h2>
<?php endwhile; else:?>
<?php endif;?>
</div>
</div>

Espero que ajudem pois já tentei de tudo…

Abs,