CSS para apresentação de posts em linha

[Wagner C. 1]

Olá, estou montando um tema wordpress e como sou iniciante estou tendo problemas ao alinhar o resultado da busca.

Queria apresentar meu conteúdo da seguinte forma como mostra na imagem...

Por enquanto criei uma <div class="post"> e faço o loop e apresentação do conteúdo dentro dessa div. Mas não consigo alinhar todas as noticias lado a lado.

[=JD= 1]

Se vc tiver utilizando listas (li) dentro dessa div para listar as noticias, tenta utilizar :

li{
display:inline;
}

[rikaschmitt 54]

 

Se você tiver utilizando listas (li) dentro dessa div para listar as noticias, tenta utilizar :

li{
display:inline;
}

 

ou usa "float:left"

[Wagner C. 1]

Gente fiz da seguinte forma...

<div id="conteudo">
<div class="postagem">

<?php wp_get_recent_posts ( $args , $output );
$args = array( 
'numberposts' => 1 , 
'offset' => 0 , 
'category' => "Destaque" , 
'orderby' => 'post_date' , 
'order' => 'DESC' ,
'include' => 0, 
'exclude' => 0, 
'meta_key' => 0, 
'meta_value' => 0,  
'post_type' => 'post' , 
'post_status' => 'draft, publish, future, pending, private' , 
'suppress_filters' => true );
 
$recent_posts = wp_get_recent_posts ( $args , ARRAY_A ); 
	
$thumbnails = get_posts('numberposts=1');
foreach ($thumbnails as $thumbnail) {
if ( has_post_thumbnail($thumbnail->ID)) {
echo '<li><a href="' . get_permalink( $thumbnail->ID ) . '" title="' . esc_attr( $thumbnail->post_title ) . '">';
echo get_the_post_thumbnail($thumbnail->ID, 'thumbnail');
echo '<br>';
echo $thumbnail->post_title.'</a></li>';
}}?>
</div>
<div class="postagem">
<?php wp_get_recent_posts ( $args , $output );
$args = array( 
'numberposts' => 1 , 
'offset' => 0 , 
'category' => "Destaque" , 
'orderby' => 'post_date' , 
'order' => 'DESC' ,
'include' => 0, 
'exclude' => 0, 
'meta_key' => 0, 
'meta_value' => 0,  
'post_type' => 'post' , 
'post_status' => 'draft, publish, future, pending, private' , 
'suppress_filters' => true );
 
$recent_posts = wp_get_recent_posts ( $args , ARRAY_A ); 
	
$thumbnails = get_posts('numberposts=1');
foreach ($thumbnails as $thumbnail) {
if ( has_post_thumbnail($thumbnail->ID)) {
echo '<li><a href="' . get_permalink( $thumbnail->ID ) . '" title="' . esc_attr( $thumbnail->post_title ) . '">';
echo get_the_post_thumbnail($thumbnail->ID, 'thumbnail');
echo '<br>';
echo $thumbnail->post_title.'</a></li>';
}}?>

</div>
</div>

Meu css ficou assim...

.conteudo {
	width:1000px;
	height:300px;
	background-color:#CCC;
}
.postagem {
	width:45%;
	float:left;
}

Dessa forma consigo ornar meu conteúdo mas não consigo fazer com que a DIV 2 apareça o conteúdo da segunda postagem.