Организовать сообщения в 3 колонках

Question

Я пытаюсь организовать сообщения в три столбца, но я не могу заставить его работать. Я просто хочу отобразить 3 сообщения в 3 разных столбцах.

So

1 | 2 | 3

То, что я до сих пор:

<div id="main-wrapper"> 

<?php 
    $loop = new WP_Query(array('post_type' => 'camp', 'posts_per_page' => 3)); 
    if ($loop->have_posts()) ?> 
    <?php while ($loop->have_posts()) : $loop->the_post(); ?> 
    <?php 
    $custom = get_post_custom($post->ID); 
    $screenshot_url = $custom["screenshot_url"][0]; 
    $website_url = $custom["website_url"][0]; 
?> 


<?php the_content(); ?> 


<?php endwhile; ?> 


</div> 

сайт Botkai

Answer 1

Это можно легко сделать, создав еще DIVs внутри родительского

<div id="main-wrapper"> 

<?php 
    $loop = new WP_Query(array('post_type' => 'camp', 'posts_per_page' => 3)); 
    if ($loop->have_posts()) ?> 
    <?php while ($loop->have_posts()) : $loop->the_post(); ?> 
    <div style="float: left;"> <!-- or other class that contains this CSS property, including width etc. --> 
     <?php 
     $custom = get_post_custom($post->ID); 
     $screenshot_url = $custom["screenshot_url"][0]; 
     $website_url = $custom["website_url"][0]; 
     ?> 
    </div> 


<?php endwhile; ?> 


</div>