将查询文章放在3列布局css中

嗨，我想把一个查询帖子列表放在一个3列的布局中

    <div id=”main”>
    <div id=”sinistra”>
    </div>
    <div id=”centro”>
    </div>
</div>
<div id=”destra”>
</div>

    <ul>
    <ul id="main">
    <style type="text/css">  
    #main { list-style:none; width:900px; }
    #main li { overflow:auto; margin:10px 0px; border-bottom:1px solid #E6E6E6; padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; }
    #main li img { float:left; margin-right:5px; border:4px solid #EEEEEE;}
    #main li a { text-decoration:none; font-weight:bold; color:#1e292b;} 
    #main li p { margin-top:30px; }
    #main li {float:left;width:900px}
    #sinistra li {float:left;width:900px}
    #centro li {float:right;width:600px}
    #destra li {float:right;width:300px}
    </style>
    <?php
    query_posts( "orderby=&order=DESC&cat=28& posts_per_page=12" );
        if (have_posts()) : while (have_posts()) : the_post(); ?>
    <li>
    <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail(array(90,120)); ?></a>
    <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a><br>
    <p>blablaprova</p>
    </li>
        <?php
        endwhile; endif;

        wp_reset_query();
    ?>
    </ul>

#主{列表样式：无；宽度：900px；}
#主li{溢出：自动；边距：10px 0px；边框底部：1px实心#e6e6；填充底部：0px；填充顶部：0px；填充左侧：0px；填充右侧：0px；}
#主li img{float:左；margin right:5px；border:4px solid#EEEEEE；}
#主字体{文字装饰：无；字体大小：粗体；颜色：#1e292b；}
#主li p{margin top:30px；}
#主li{浮点：左；宽度：900px}
#左旋李{浮动：左；宽度：900px}
#中心li{浮点：右；宽度：600px}
#destra li{浮点：右；宽度：300px}



布拉普罗瓦

我需要的CSS有12个相同类别的职位分为4 | 4 | 4由上一次编辑排序

---

感谢您的帮助

看起来您正在使用WordPress模板，您需要考虑覆盖模板附带的一些标准CSS样式。发布您尝试过的一些CSS规则。等等，我编辑了原始线程，并将所有带有div和cssedite的代码与完整的html代码放在一起。抱歉，肯定是充满了错误xD