CSS設置帖子的摘錄和標題以在特色圖片旁邊浮動

我想設置帖子標題和帖子摘要在特色圖片旁邊的日期對齊，但我只能設置日期，但不能標題和除外。CSS設置帖子的摘錄和標題以在特色圖片旁邊浮動

這是我這是一個簡單的浮動日期CSS：

.post-thumbnail { 
    width: 24%; 
    float: left; 
    margin-right: 20px; 
}

HTML

<div class="post-meta group"> 
     <p class="post-category"><?php the_category('/'); ?></p> 
     <p class="post-date"><?php the_time('j M, Y'); ?></p> 
    </div><!--/.post-meta--> 

    <h2 class="post-title"> 
     <a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a> 
    </h2><!--/.post-title--> 

    <?php if (ot_get_option('excerpt-length') != '0'): ?> 
    <div class="entry excerpt">    
     <?php the_excerpt(); ?> 
    </div><!--/.entry--> 
    <?php endif; ?>

當我添加float: left到類.post-meta它移動的標題和摘錄，但在沒有對齊後期元。

這是我的新www.gazetbits.com。任何指南將不勝感激，或者將標題和帖子分組，除了在Div中並應用浮動數據，它是正確的。

感謝

來源

2014-09-29 Chelseawillrecover

不知道爲什麼的超級鏈接不工作 – Chelseawillrecover 2014-09-29 10:13:01

什麼是你的HTML？ – Siyah 2014-09-29 10:13:40

嗨Siyah，它的一個WordPress主題，所有文件都是PHP。我不確定是否要在此處或在WordPress網站上發佈此信息。 – Chelseawillrecover 2014-09-29 10:18:16

的.post-meta需要太多的高度。我取得了你想要的行爲添加此規則：

.post-meta { 
    height: 22px; 
}

或改變顯示類型：

.post-meta { 
    display: table; 
}

來源

2014-09-29 10:21:25

傻我，我應該知道這一點。你是對的。 – Chelseawillrecover 2014-09-29 10:24:55

CSS設置帖子的摘錄和標題以在特色圖片旁邊浮動

回答

相關問題