Colocar postagens lado a lado

Desenvolvi um layout para wordpress, depois de implementar, acabo tendo problemas quando mais de 1 post é adicionado na página inicial

.recently {
    padding-top: 20px;
}

.recently ul, li {
    float: left;
    list-style: none;
}

.recently ul, li, span {
    display: block;
}

#front-post {
}

.case1, .case4 {
    padding-left: 0;
}

.case2, .case5 {
    padding-left: 35px;
}

.case3, .case6 {
    padding-left: 33px;
}

.case4, .case5, .case6 {
    padding-top: 34px;
}

.case1:hover, .case2:hover, .case3:hover, .case4:hover, .case5:hover, .case6:hover {
    opacity: .85;
}

.efe1, .efe2, .efe3, .efe4, .efe5, .efe6 {
    background-color: #c42228;
    margin-top: -6px;
    width: 297px;
    height: 30px;
}

.efe2, .efe5 {
    margin-left: 35px;
}

.efe3, .efe6 {
    margin-left: 33px;
}

.textefe1, .textefe4 {
    color: #fff;
    padding-top: 2px;
    padding-left: 10px;
}

.textefe2, .textefe3, .textefe5, .textefe6 {
    color: #fff;
    margin-top: -22px;
    margin-left: 10px;
}

.recently li, a, span {
    text-decoration: none;
    color: #fff;
}

.recently i {
    font-size: 24px;
    margin-top: -6px;
}

usei todo esse código css para definir as posições, tudo perfeito até a hora de implementar para o wordpress

<?php query_posts('showposts=6');?>
            <?php if (have_posts()) : while (have_posts()) : the_post();?>
                <ul class="recently">

            <li id="front-post"><a href="post.php"><img alt="" width="297" height="180" src="<?=bloginfo('template_url'); ?>/img/foto.jpg" class="case1"></a><span class="efe1"><a class="case1" href=""> <p class="textefe1"><a href="<?php the_Permalink()?>" title="<?php the_title();?>"><?php the_title();?></p></a></span></li>            

            <?php endwhile; else: ?>
            <?php endif;?>

                </ul>

este é o código html, olhando bem quero que pareça igual a uma galeria com 3 colunas, eu acho que fiz uma gambiarra nos códigos acima, pelo fato de eu ser iniciante em css e não tenho muita intimidade ainda rs

obs: as classes case1 a case6 e textefe1 a textefe6 e efe1 a efe6, usei para ser mostrado a ordem apenas no layout puro