我正在尝试创建一个新的主页，其中包含两列特定类别的最新帖子。这是页面代码：

    <div id="left-column"> 
    <div class="bloccorosso">News & Blog</div>  
<?php
$catquery = new WP_Query( \'cat=5&posts_per_page=3\' );
while($catquery->have_posts()) : $catquery->the_post();
?>
<ul>
<li><h3><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>

<ul><li><?php the_content(); ?></li>
</ul>
</li>
</ul>
<?php endwhile; ?> 
    </div>

    <div id="right-column">  
    <div class="bloccorossoright">Prossimi Spettacoli</div>
<?php
$catquery = new WP_Query( \'cat=6&posts_per_page=3\' );
while($catquery->have_posts()) : $catquery->the_post();
?>
<ul>
<li>
<div id="textbox">
<p class="txtclhome"><?php dynamicnews_display_thumbnail_index(); ?> </p>
<h3 class="titlehome"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>
<p class="txtclrhome"><?php the_content_limit(150, ""); ?>
                <a class="morelink" href="http://styleposts.com/?cat=41" rel="bookmark"><?php _e("Read More", \'organicthemes\'); ?></a></p> </div></li>
<li></li>
</ul>

我创建了两个列，然后定义了css样式：

div#left-column {
 width: 45%;
 float: left;
 clear: none;
 }
div#right-column {
 margin-right: 25px;
 width: 48%;
 float: right;
 clear: none;
 background: #d5d2d2;
 }

.bloccorosso{
background: #C8332A;
height: 40px;
font-weight: bold;
line-height: 40px;
text-align: left;
padding-left: 10px;
word-spacing: 0.2em;
color: #ffffff;
margin-top: 10px;
margin-bottom: 20px;
font-size: 20px;
}

.bloccorossoright{
background: #C8332A;
height: 40px;
font-weight: bold;
line-height: 40px;
text-align: left;
padding-left: 10px;
word-spacing: 0.2em;
color: #ffffff;
margin-top: 10px;
margin-bottom: 20px;
font-size: 20px;
}

.txtclhome {
    float: left;
  margin-right: 5px;
  padding-top: 10px;
}

.txtclrhome {
float: right;
}

.titlehome{
font-size: 15px;
text-transform: uppercase;
margin-bottom: 5px;
padding-top: 10px;
}

.textbox{
margin-bottom: 15px;
}

我喜欢让缩略图图像在左边，上一个文本在图像的右边对齐。

我对对齐没有任何问题，但我对不同帖子的文本有问题screenshot here

<div class="textbox">
    <div class="textbox_left">
        <p class="txtclhome"><?php dynamicnews_display_thumbnail_index(); ?> </p>
    </div>
    <div class="textbox_right">
        <h3 class="titlehome"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>
        <p class="txtclrhome"><?php the_content_limit(150, ""); ?>
        <a class="morelink" href="http://styleposts.com/?cat=41" rel="bookmark"><?php _e("Read More", \'organicthemes\'); ?></a></p> </div>
    </div>
</div>

.textbox{
    overflow: hidden;
}
.textbox_left{
    width: 60%;
    float: left;
}
.textbox_right{
    width: 38%;
    float: right;
}