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设置帖子的摘录和标题以在特色图片旁边浮动

回答

相关问题